/* Approved home layout, scoped to .tk-home. Retired concepts removed. */
body.tk-home {
  --review-gutter: max(24px, calc((100% - 1080px) / 2));
}

.tk-home .hero {
  min-height: 620px;
  padding: 144px var(--review-gutter) 58px;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 0.48fr);
  grid-template-rows: auto auto auto;
  column-gap: 70px;
  align-content: center;
}
.tk-home .hero::before { display: none; }
.tk-home .hero::after { bottom: 15%; opacity: 0.5; }
.tk-home .hero-code { display: none; }
.tk-home .hero-logo {
  position: static;
  grid-column: 2;
  grid-row: 1 / 3;
  align-self: center;
  justify-self: center;
  width: 100%;
  max-width: 245px;
  transform: none;
}
.tk-home .hero-title-wrap {
  grid-column: 1;
  grid-row: 1;
  align-self: center;
  padding: 0;
}
.tk-home .hero-garage-script {
  margin: 0 0 22px;
  font-size: 42px;
  line-height: 1.1;
}
.tk-home .hero-title {
  font-size: clamp(70px, 7.6vw, 104px);
  line-height: 0.94;
  letter-spacing: -0.025em;
}
.tk-home .hero-title span:last-child { margin-top: 0.04em; }
.tk-home .hero-title-reading { margin-top: 18px; }
.tk-home .hero-statement {
  grid-column: 1;
  grid-row: 2;
  margin: 30px 0 0;
  padding: 0;
  border: 0;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
}
.tk-home .hero-bottom {
  grid-column: 1;
  grid-row: 3;
  justify-content: flex-start;
  margin-top: 24px;
  padding: 0;
  border: 0;
  font-family: var(--body);
  font-size: 13px;
  letter-spacing: 0.02em;
}

.tk-home .concept {
  padding: 72px var(--review-gutter) 76px;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.85fr);
  gap: 26px 64px;
  align-items: start;
}
.tk-home .concept::before { display: none; }
.tk-home .concept > .section-index { display: none; }
.tk-home .concept-rabbit { top: 74px; }
.tk-home .concept-heading {
  grid-column: 1;
  grid-row: 1;
  display: block;
  margin: 0;
}
.tk-home .concept-title h2 {
  font-size: clamp(24px, 2.4vw, 31px);
  font-weight: 600;
  line-height: 1.55;
  letter-spacing: -0.02em;
}
.tk-home .concept-title h2 span {
  display: inline;
  white-space: normal;
  margin: 0;
}
.tk-home .concept-tagline {
  margin: 10px 0 0;
  padding: 0;
  border: 0;
  font-size: 15px;
  line-height: 1.8;
  font-weight: 400;
  letter-spacing: 0;
}
.tk-home .concept-copy {
  grid-column: 1;
  grid-row: 2;
  display: block;
  margin: 0;
}
.tk-home .concept-copy > p {
  padding: 0;
  border: 0;
  color: var(--ink);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.95;
  letter-spacing: 0.015em;
}
.tk-home .concept-copy > p + p { margin-top: 1.2em; }
.tk-home .concept-route {
  grid-column: 2;
  grid-row: 1 / 3;
  align-self: center;
  margin: 0;
  border: 0;
  font-family: var(--body);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
}
.tk-home .concept-route-track {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.tk-home .concept-route-track > span {
  grid-row: 1;
  padding: 0;
  color: var(--navy);
  background: transparent;
  text-align: left;
}
.tk-home .concept-route-track > span:last-child {
  grid-column: 2;
  text-align: right;
}
.tk-home .concept-route input[type="range"] {
  grid-column: 1 / -1;
  grid-row: 2;
  width: calc(100% - 4px);
  margin: 4px 2px 0;
}
.tk-home .concept-route-output {
  min-height: 86px;
  margin-top: 8px;
  padding: 18px 0 0;
  grid-template-columns: minmax(0, 1fr) 28px;
  gap: 8px 12px;
  background: transparent;
}
.tk-home .concept-route-step { display: none; }
.tk-home .concept-route-output strong {
  grid-column: 1;
  grid-row: 1;
  font-size: 32px;
  line-height: 1.1;
  letter-spacing: -0.01em;
}
.tk-home .concept-route-output [data-concept-route-description] {
  grid-column: 1;
  grid-row: 2;
  font-size: 14px;
  font-weight: 400;
}
.tk-home .concept-route-go {
  grid-column: 2;
  grid-row: 1 / 3;
}
.tk-home .concept-route-output:hover {
  color: var(--ink);
}

.tk-home .coffee-range {
  padding: 42px var(--review-gutter) 54px;
  background: var(--paper-deep);
}
.tk-home .range-heading {
  display: block;
  min-height: 0;
  padding: 0 0 28px;
  border: 0;
  background: transparent;
}
.tk-home .range-heading::before,
.tk-home .range-heading::after,
.tk-home .coffee-category::before { display: none; }
.tk-home .range-heading h2 {
  color: var(--navy);
  font-size: 36px;
  line-height: 1.2;
  letter-spacing: -0.015em;
  text-align: left;
}
.tk-home .coffee-categories {
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.8fr);
  gap: 34px 64px;
  align-items: start;
  border: 0;
}
.tk-home .coffee-category {
  padding: 0;
  border: 0;
  box-shadow: none;
}
.tk-home .coffee-category header {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 4px 16px;
  min-height: 0;
}
.tk-home .coffee-category h3 {
  font-size: 24px;
  line-height: 1.25;
  letter-spacing: 0;
}
.tk-home .coffee-category header > p {
  font-family: var(--body);
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
}
.tk-home .coffee-category ul { margin-top: 16px; }
.tk-home .coffee-category li a,
.tk-home .coffee-product-no-link {
  min-height: 58px;
  padding: 13px 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.65;
  gap: 16px;
}
.tk-home #coffee-category-top {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.8fr);
  gap: 64px;
  align-items: baseline;
  padding-top: 26px;
  border-top: 1px solid var(--line);
}
.tk-home #coffee-category-top ul { margin: 0; border: 0; }
.tk-home #coffee-category-top li:last-child { border: 0; }

.tk-home .garage-preview { padding: 44px var(--review-gutter) 46px; }
.tk-home .garage-preview h2 {
  margin: 0;
  font-size: 40px;
  line-height: 1.2;
  letter-spacing: -0.01em;
}
.tk-home .garage-all-wrap { padding: 24px 0 0; text-align: left; }

.tk-home .visit {
  padding: 56px var(--review-gutter) 62px;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: 24px 58px;
}
.tk-home .visit > .section-index {
  grid-column: 1 / -1;
  font-family: var(--body);
  font-size: 14px;
  letter-spacing: 0.02em;
}
.tk-home .visit-copy {
  grid-column: 2;
  grid-row: 2;
  align-self: start;
  padding: 0;
}
.tk-home .visit-copy h2 {
  margin: 0;
  font-size: 32px;
  line-height: 1.2;
  letter-spacing: -0.02em;
}
.tk-home .visit-title-reading { margin: 10px 0 22px; }
.tk-home .visit-copy dl > div { grid-template-columns: 62px minmax(0, 1fr); }
.tk-home .visit-copy dt { font-size: 12px; letter-spacing: 0; }
.tk-home .visit-copy dd { font-size: 14px; letter-spacing: 0; }
.tk-home .visit-note { margin-top: 20px; font-size: 14px; }
.tk-home .visit-menu-link { margin-top: 22px; }

@media (max-width: 760px) {
  body.tk-home { --review-gutter: 22px; }
  .tk-home .hero {
    min-height: 490px;
    padding-top: 112px;
    padding-bottom: 44px;
    grid-template-columns: minmax(0, 1fr) 35%;
    column-gap: 20px;
  }
  .tk-home .hero-title { font-size: clamp(42px, 14.5vw, 72px); }
  .tk-home .hero-garage-script {
    margin-bottom: 18px;
    font-size: clamp(23px, 6.5vw, 34px);
    white-space: nowrap;
  }
  .tk-home .hero-logo { grid-row: 1; max-width: 190px; }
  .tk-home .hero-title-reading { margin-top: 14px; }
  .tk-home .hero-statement { grid-column: 1 / -1; margin-top: 30px; font-size: 14px; }
  .tk-home .hero-bottom { grid-column: 1 / -1; margin-top: 20px; }
  .tk-home .concept {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
    padding-top: 40px;
    padding-bottom: 46px;
  }
  .tk-home .concept-title h2 { font-size: clamp(21px, 5.7vw, 29px); }
  .tk-home .concept-heading,
  .tk-home .concept-copy,
  .tk-home .concept-route { grid-column: 1; }
  .tk-home .concept-heading { grid-row: 1; }
  .tk-home .concept-copy { grid-row: 2; }
  .tk-home .concept-route { grid-row: 3; margin-top: 6px; }
  .tk-home .concept-copy > p { font-size: 15px; }
  .tk-home .concept-rabbit { top: 42px; }
  .tk-home .coffee-range { padding-top: 32px; padding-bottom: 32px; }
  .tk-home .range-heading { padding-bottom: 22px; }
  .tk-home .range-heading h2 { font-size: 30px; }
  .tk-home .coffee-categories { display: block; }
  .tk-home .coffee-category + .coffee-category { margin-top: 30px; }
  .tk-home .coffee-category h3 { font-size: 24px; }
  .tk-home #coffee-category-top { display: block; padding-top: 24px; }
  .tk-home #coffee-category-top ul { margin-top: 16px; }
  .tk-home .garage-preview { padding-top: 34px; padding-bottom: 36px; }
  .tk-home .garage-preview h2 { font-size: 36px; }
  .tk-home .visit { grid-template-columns: minmax(0, 1fr); gap: 20px; padding-top: 36px; padding-bottom: 42px; }
  .tk-home .visit-copy { grid-column: 1; grid-row: 3; padding-top: 10px; }
  .tk-home .visit-copy h2 { font-size: 30px; }
}

body.tk-home { overflow-x: clip; }

.tk-home .hero {
  position: relative;
  display: block;
  min-height: 790px;
  padding: 312px var(--review-gutter) 40px;
  overflow: visible;
  isolation: isolate;
  background: var(--navy);
}

.tk-home .hero::before,
.tk-home .hero::after { display: none; }

.tk-home .hero-logo {
  position: absolute;
  top: 102px;
  right: auto;
  left: var(--review-gutter);
  z-index: 3;
  width: 126px;
  max-width: none;
  filter: brightness(0) invert(0.94);
}

.tk-home .hero-title-wrap {
  position: relative;
  z-index: 3;
  width: fit-content;
  max-width: 100%;
  padding: 0;
}

.tk-home .hero-garage-script {
  position: absolute;
  top: -144px;
  left: 154px;
  width: max-content;
  margin: 0;
  color: var(--paper);
  font-size: clamp(31px, 3.8vw, 49px);
  line-height: 1.1;
  text-shadow: 0 1px 8px rgba(16, 23, 34, 0.55);
}

.tk-home .hero-title {
  color: var(--paper);
  font-size: clamp(100px, 13vw, 166px);
  line-height: 0.86;
  letter-spacing: -0.032em;
  text-shadow: 0 2px 14px rgba(16, 23, 34, 0.14);
}

.tk-home .hero-title span:last-child { margin: 0.04em 0 0 0.48em; }

.tk-home .hero-title-reading {
  margin-top: 22px;
  color: var(--paper);
  font-size: 12px;
  letter-spacing: 0.08em;
}

.tk-home .hero-statement {
  position: relative;
  z-index: 3;
  width: fit-content;
  max-width: 100%;
  margin-top: 26px;
  color: var(--paper);
  font-size: 16px;
  line-height: 1.8;
  text-shadow: 0 1px 5px var(--navy);
}

.tk-home .hero-bottom {
  position: relative;
  z-index: 3;
  width: fit-content;
  margin-top: 16px;
  color: var(--paper);
}

.tk-home .hero-bottom a { color: inherit; }

.tk-home .concept {
  padding-top: 116px;
  padding-bottom: 90px;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
  column-gap: clamp(42px, 7vw, 108px);
  row-gap: 24px;
  border: 0;
  background: var(--paper);
}

.tk-home .concept-heading { grid-column: 1; grid-row: 1; }

.tk-home .concept-title h2 {
  max-width: 11em;
  font-size: clamp(25px, 2.7vw, 34px);
  line-height: 1.6;
  letter-spacing: 0.015em;
}

.tk-home .concept-title h2 span { display: block; }

.tk-home .concept-tagline { margin-top: 12px; font-size: 14px; }

.tk-home .concept-copy {
  grid-column: 2;
  grid-row: 1 / 3;
  align-self: start;
  padding-top: 26px;
}

.tk-home .concept-copy > p { font-size: 16px; line-height: 2; }

.tk-home .concept-route {
  grid-column: 1;
  grid-row: 2;
  width: 100%;
  align-self: end;
  margin-top: 20px;
}

.tk-home .concept-route-track { font-size: 12px; }

.tk-home .concept-route-output { min-height: 92px; }

.tk-home .concept-rabbit { top: 108px; }

.tk-home .coffee-range {
  position: relative;
  padding: 70px var(--review-gutter) 88px;
  border: 0;
  background: var(--gray);
}

.tk-home .range-heading { padding: 0 0 42px; }

.tk-home .range-heading h2 {
  font-family: "Nimbus Roman", Georgia, serif;
  font-size: clamp(29px, 3.3vw, 42px);
  font-weight: 400;
  font-style: italic;
  letter-spacing: -0.025em;
  text-transform: none;
}

.tk-home .coffee-categories {
  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.5fr);
  grid-template-rows: auto auto;
  gap: 0 76px;
  align-items: start;
}

.tk-home #coffee-category-blend {
  grid-column: 1;
  grid-row: 1 / 3;
  padding: 0 2px 0 0;
}

.tk-home #coffee-category-blend h3 { font-size: 31px; }

.tk-home #coffee-category-blend header { display: block; }

.tk-home #coffee-category-blend header > p { margin-top: 5px; font-size: 14px; }

.tk-home #coffee-category-blend ul { border-top: 0; margin-top: 12px; }

.tk-home #coffee-category-blend li a { font-size: 17px; min-height: 54px; }

.tk-home #coffee-category-single {
  position: relative;
  grid-column: 2;
  grid-row: 1;
  z-index: 2;
  margin-top: -80px;
  padding: 38px 36px 32px;
  background: var(--paper);
  box-shadow: 14px 16px 0 rgba(16, 23, 34, 0.13);
}

.tk-home #coffee-category-single header {
  display: block;
  padding-bottom: 12px;
}

.tk-home #coffee-category-single h3 {
  font-size: 30px;
  font-weight: 400;
  letter-spacing: 0.025em;
}

.tk-home #coffee-category-single header > p { margin-top: 6px; font-size: 14px; }

.tk-home #coffee-category-single ul { margin-top: 12px; }

.tk-home #coffee-category-single li a {
  min-height: 72px;
  padding: 16px 0;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.75;
}

.tk-home #coffee-category-top {
  position: relative;
  grid-column: 2;
  grid-row: 2;
  z-index: 3;
  display: block;
  margin: 26px 28px 0 -28px;
  padding: 26px 30px 28px;
  border: 0;
  background: var(--navy);
  color: var(--paper);
  box-shadow: 9px 10px 0 rgba(16, 23, 34, 0.15);
}

.tk-home #coffee-category-top header {
  display: flex;
  justify-content: space-between;
  gap: 6px 18px;
}

.tk-home #coffee-category-top h3 { font-size: 18px; color: var(--paper); letter-spacing: 0.05em; }

.tk-home #coffee-category-top header > p { font-size: 12px; color: var(--paper); }

.tk-home #coffee-category-top ul { margin-top: 14px; }

.tk-home #coffee-category-top li a {
  padding: 0;
  color: var(--paper);
  font-family: var(--display);
  font-size: clamp(24px, 2.65vw, 33px);
  font-weight: 400;
  line-height: 1.3;
}

.tk-home #coffee-category-top li a > span:last-child { color: var(--paper); }

.tk-home .garage-preview {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
  grid-template-rows: auto auto auto;
  gap: 0 50px;
  padding-top: 76px;
  padding-bottom: 88px;
  border: 0;
  background: var(--paper);
  color: var(--navy);
}

.tk-home .garage-preview h2 {
  max-width: 6em;
  margin-top: 24px;
  color: var(--navy);
  font-family: "Nimbus Roman", Georgia, serif;
  font-size: clamp(46px, 6vw, 75px);
  font-weight: 400;
  font-style: italic;
  line-height: 0.98;
  letter-spacing: -0.045em;
}

.tk-home .garage-preview h2 span { white-space: normal; }

.tk-home .garage-all-wrap { grid-column: 1; grid-row: 2; padding-top: 24px; align-self: start; }

.tk-home .garage-all-wrap a { color: var(--navy); }

.tk-home .visit {
  position: relative;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: 0;
  row-gap: 22px;
  padding-top: 52px;
  padding-bottom: 104px;
  border: 0;
  background: var(--paper-deep);
}

.tk-home .visit > .section-index { grid-column: 1 / -1; grid-row: 1; }

.tk-home .visit-copy {
  position: relative;
  grid-column: 8 / 13;
  grid-row: 2;
  align-self: end;
  z-index: 4;
  margin-bottom: -40px;
  padding: 32px 28px;
  background: var(--paper);
  box-shadow: 10px 12px 0 rgba(16, 23, 34, 0.12);
}

.tk-home .visit-copy h2 { font-size: 29px; line-height: 1.16; }

.tk-home .visit-copy h2 span { white-space: normal; }

.tk-home .visit-copy dl > div { padding: 9px 0; min-height: 0; }

.tk-home .visit-slideshow-controls { right: 32%; }

.tk-home .visit-title-reading { margin-bottom: 20px; }

.tk-home .visit-note { font-size: 13px; }

.tk-home .visit-menu-link { font-size: 14px; }

@media (max-width: 900px) and (min-width: 761px) {
  .tk-home .hero-logo { width: 108px; }
  .tk-home .hero-garage-script { left: 125px; }
  .tk-home .coffee-categories { column-gap: 48px; }
  .tk-home #coffee-category-single { padding: 30px 24px; }
  .tk-home .visit-copy { grid-column: 7 / 13; }
}

@media (max-width: 760px) {
  .tk-home .hero {
    min-height: 680px;
    padding-top: 310px;
    padding-bottom: 34px;
  }
  .tk-home .hero-logo { top: 94px; width: 87px; }
  .tk-home .hero-garage-script {
    top: -202px;
    left: 108px;
    font-size: clamp(23px, 6.7vw, 40px);
    line-height: 1.1;
  }
  .tk-home .hero-title {
    font-size: clamp(70px, 23vw, 125px);
    line-height: 0.88;
    letter-spacing: -0.035em;
  }
  .tk-home .hero-title span:last-child { margin-left: 0.23em; }
  .tk-home .hero-title-reading { margin-top: 20px; font-size: 11px; }
  .tk-home .hero-statement {
    margin-top: 44px;
    padding: 5px 0;
    font-size: 14px;
    background: var(--navy);
  }
  .tk-home .hero-bottom { margin-top: 14px; }
  .tk-home .concept {
    grid-template-columns: minmax(0, 1fr);
    gap: 26px;
    padding-top: 45px;
    padding-bottom: 50px;
  }
  .tk-home .concept-heading { grid-column: 1; grid-row: 1; }
  .tk-home .concept-title h2 { font-size: 28px; line-height: 1.5; }
  .tk-home .concept-copy { grid-column: 1; grid-row: 2; padding: 0 0 0 18px; }
  .tk-home .concept-copy > p { font-size: 15px; line-height: 1.95; }
  .tk-home .concept-route { grid-column: 1; grid-row: 3; margin: 4px 0 0; padding-right: 18px; }
  .tk-home .concept-rabbit { top: 52px; }
  .tk-home .coffee-range { padding-top: 36px; padding-bottom: 58px; }
  .tk-home .range-heading { padding-bottom: 30px; }
  .tk-home .range-heading h2 { font-size: 34px; }
  .tk-home .coffee-categories { display: block; }
  .tk-home #coffee-category-blend { position: relative; padding-bottom: 22px; }
  .tk-home #coffee-category-blend header { margin-left: 12px; }
  .tk-home #coffee-category-blend ul { margin-left: 12px; }
  .tk-home #coffee-category-single {
    margin: 22px -10px 0 12px;
    padding: 28px 22px 24px;
    box-shadow: -10px 12px 0 rgba(16, 23, 34, 0.14);
  }
  .tk-home #coffee-category-single h3 { font-size: 28px; }
  .tk-home #coffee-category-single li a { font-size: 16px; min-height: 65px; }
  .tk-home #coffee-category-top {
    margin: 28px 12px 0 -10px;
    padding: 24px 22px;
    box-shadow: 8px 10px 0 rgba(16, 23, 34, 0.14);
  }
  .tk-home #coffee-category-top li a { font-size: 28px; line-height: 1.35; }
  .tk-home .garage-preview {
    display: flex;
    flex-direction: column;
    padding-top: 0;
    padding-bottom: 48px;
  }
  .tk-home .garage-preview h2 { max-width: none; margin-top: 16px; font-size: clamp(43px, 12.5vw, 66px); }
  .tk-home .garage-all-wrap { order: 2; padding-left: 18px; }
  .tk-home .visit {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
    padding: 32px 22px 48px;
  }
  .tk-home .visit-copy {
    grid-column: 1;
    grid-row: 3;
    margin: -42px 0 0 14px;
    padding: 26px 20px;
    box-shadow: 8px 10px 0 rgba(16, 23, 34, 0.12);
  }
  .tk-home .visit-copy h2 { font-size: 28px; }
  .tk-home .visit-slideshow-controls { top: 12px; right: 12px; bottom: auto; left: 12px; }
}

.tk-home .hero {
  display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.9fr);
  grid-template-rows:auto auto auto;column-gap:60px;align-content:center;
  min-height:740px;padding:130px var(--review-gutter) 64px;background:var(--gray);
}

.tk-home .hero-logo {
  position:static;grid-column:2;grid-row:1/4;align-self:center;justify-self:center;
  width:100%;max-width:310px;filter:none;transform:none;z-index:1;
}

.tk-home .hero-title-wrap {position:relative;grid-column:1;grid-row:1;width:auto;max-width:100%;padding:0;align-self:end;}

.tk-home .hero-garage-script {
  position:static;width:auto;margin:0 0 23px;color:var(--navy);
  font-size:clamp(31px,4vw,48px);line-height:1.1;text-shadow:none;
}

.tk-home .hero-title {color:var(--navy);font-size:clamp(76px,9vw,116px);line-height:.93;letter-spacing:-.025em;text-shadow:none;}

.tk-home .hero-title span:last-child {margin:.04em 0 0;}

.tk-home .hero-title-reading {color:var(--navy);margin-top:20px;}

.tk-home .hero-statement {grid-column:1;grid-row:2;margin-top:30px;color:var(--ink);background:transparent;text-shadow:none;font-size:16px;}

.tk-home .hero-bottom {grid-column:1;grid-row:3;margin-top:24px;color:var(--navy);}

.tk-home .concept {padding-top:76px;}

.tk-home .concept-route {
  padding:20px 18px 0;background:var(--paper-deep);border:1px solid rgba(20,58,96,.3);
  box-shadow:6px 7px 0 rgba(16,23,34,.14);min-width:0;
}

.tk-home .concept-route-track {font-size:12px;}

.tk-home .concept-route input[type="range"] {height:62px;margin:4px 0;width:100%;touch-action:pan-y;}

.tk-home .concept-route input[type="range"]::-webkit-slider-runnable-track {height:9px;border-radius:2px;box-shadow:inset 0 2px 3px rgba(16,23,34,.3);}

.tk-home .concept-route input[type="range"]::-webkit-slider-thumb {
  width:48px;height:40px;margin-top:-16px;border:2px solid var(--navy);border-radius:4px;
  background:repeating-linear-gradient(90deg,transparent 0 5px,rgba(20,58,96,.45) 5px 7px,transparent 7px 11px) center/29px 19px no-repeat,var(--paper);
  box-shadow:0 3px 0 var(--navy),0 5px 9px rgba(16,23,34,.22);cursor:grab;
}

.tk-home .concept-route input[type="range"]::-moz-range-track {height:9px;border-radius:2px;box-shadow:inset 0 2px 3px rgba(16,23,34,.3);}

.tk-home .concept-route input[type="range"]::-moz-range-thumb {
  width:44px;height:36px;border:2px solid var(--navy);border-radius:4px;
  background:repeating-linear-gradient(90deg,transparent 0 5px,rgba(20,58,96,.45) 5px 7px,transparent 7px 11px) center/29px 19px no-repeat,var(--paper);
  box-shadow:0 3px 0 var(--navy),0 5px 9px rgba(16,23,34,.22);cursor:grab;
}

.tk-home .concept-route input[type="range"]:active {cursor:grabbing;}

.tk-home .route-stations {display:flex;gap:4px;justify-content:space-between;margin:0 0 16px;}

.tk-home .route-stations button {
  flex:1;min-width:0;min-height:44px;padding:5px 2px;border:0;border-bottom:3px solid transparent;
  background:transparent;color:var(--navy);font:700 12px/1.3 var(--display);letter-spacing:.025em;cursor:pointer;
}

.tk-home .route-stations button[aria-pressed="true"] {border-color:var(--navy);background:rgba(169,180,220,.35);}

.tk-home .route-stations button:focus-visible {outline:2px solid var(--navy);outline-offset:2px;}

.tk-home .concept-route-output {margin:0 -18px;padding:18px;min-height:106px;background:var(--navy);color:var(--paper);}

.tk-home .concept-route-output:hover {color:var(--paper);background:#204b72;}

.tk-home .concept-route-output strong {font-size:28px;}

.tk-home .concept-route-output:focus-visible {outline:3px solid var(--lavender);}

.tk-home .route-action-label {grid-column:1/-1;font:400 12px/1.5 var(--body);color:var(--paper);}

.tk-home .concept-copy {align-self:center;}

.tk-home .coffee-range {padding-top:58px;padding-bottom:76px;}

.tk-home .range-heading h2 {font-family:var(--display);font-style:normal;font-weight:700;font-size:36px;letter-spacing:-.015em;}

.tk-home .coffee-categories {grid-template-columns:minmax(0,.88fr) minmax(0,1.5fr);gap:28px 44px;}

.tk-home #coffee-category-blend,
.tk-home #coffee-category-single,
.tk-home #coffee-category-top {
  padding:30px 28px;border:1px solid rgba(16,23,34,.3);box-shadow:8px 10px 0 rgba(16,23,34,.17);
}

.tk-home #coffee-category-blend {grid-column:1;grid-row:1;background:var(--paper-deep);margin:28px 0 0;}

.tk-home #coffee-category-single {grid-column:2;grid-row:1;background:var(--paper);margin:0;}

.tk-home #coffee-category-top {grid-column:2;grid-row:2;background:var(--navy);margin:0 24px 0 -24px;}

.tk-home #coffee-category-blend header,
.tk-home #coffee-category-single header,
.tk-home #coffee-category-top header {display:block;margin:0;padding:0;}

.tk-home #coffee-category-blend h3,
.tk-home #coffee-category-single h3,
.tk-home #coffee-category-top h3 {
  font-family:var(--display);font-style:normal;font-weight:700;font-size:28px;line-height:1.2;letter-spacing:.01em;
}

.tk-home #coffee-category-blend header>p,
.tk-home #coffee-category-single header>p,
.tk-home #coffee-category-top header>p {font:400 14px/1.6 var(--body);letter-spacing:0;margin:7px 0 0;}

.tk-home #coffee-category-blend ul,
.tk-home #coffee-category-single ul,
.tk-home #coffee-category-top ul {margin:20px 0 0;border-top:1px solid currentColor;}

.tk-home #coffee-category-blend li a,
.tk-home #coffee-category-single li a,
.tk-home #coffee-category-top li a {font-family:var(--body);font-size:16px;line-height:1.7;font-weight:500;min-height:66px;padding:15px 0;}

.tk-home #coffee-category-top li:last-child {border-bottom:0;}

.tk-home .garage-preview {
  display:block;position:relative;padding:62px var(--review-gutter) 56px;
  background:var(--night);color:var(--paper);isolation:isolate;
}

.tk-home .garage-all-wrap {padding:28px 0 0;text-align:right;}

.tk-home .garage-all-wrap a {color:var(--paper);}

@media(max-width:760px){
  .tk-home .hero {display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;min-height:0;padding:94px 22px 44px;gap:0;}
  .tk-home .hero-logo {grid-column:1;grid-row:1;width:clamp(178px,53vw,245px);margin:0 auto 28px;max-width:none;}
  .tk-home .hero-title-wrap {grid-column:1;grid-row:2;justify-self:center;}
  .tk-home .hero-garage-script {font-size:clamp(29px,8vw,42px);margin-bottom:14px;}
  .tk-home .hero-title {font-size:clamp(61px,19vw,96px);}
  .tk-home .hero-title-reading {margin-top:15px;}
  .tk-home .hero-statement {grid-column:1;grid-row:3;margin-top:28px;font-size:14px;justify-self:center;text-align:center;}
  .tk-home .hero-bottom {grid-column:1;grid-row:4;justify-self:center;margin-top:18px;}
  .tk-home .concept {padding-top:42px;}
  .tk-home .concept-route {padding:18px 16px 0;}
  .tk-home .concept-route-output {margin:0 -16px;padding:18px 16px;}
  .tk-home .coffee-range {padding:36px 22px 54px;}
  .tk-home .range-heading h2 {font-size:30px;}
  .tk-home #coffee-category-blend {margin:0 12px 0 0;}
  .tk-home #coffee-category-single {margin:28px 0 0 12px;}
  .tk-home #coffee-category-top {margin:28px 12px 0 0;}
  .tk-home #coffee-category-blend,.tk-home #coffee-category-single,.tk-home #coffee-category-top {padding:24px 20px;box-shadow:6px 8px 0 rgba(16,23,34,.17);}
  .tk-home #coffee-category-blend h3,.tk-home #coffee-category-single h3,.tk-home #coffee-category-top h3 {font-size:26px;}
  .tk-home .garage-preview {padding:40px 22px 38px;}
}

.tk-home .concept-route input[hidden]{display:none!important}

.tk-home .concept-route-track{display:grid;grid-template-columns:minmax(0,1fr) 210px minmax(0,1fr);align-items:center;gap:6px;text-align:center}

.tk-home .concept-route-track>span{font:400 12px/1.8 var(--body);writing-mode:initial;white-space:normal}

.tk-home .route-stations{margin-top:2px}

.tk-home .garage-preview{padding-top:88px;padding-bottom:66px}

.tk-home .garage-all-wrap{max-width:660px;margin:auto;padding-top:24px}

@keyframes garage-v4-steam{to{transform:translate(2px,-3px);opacity:.22}}

@keyframes garage-v4-light{from{opacity:.3}to{opacity:.65}}

@media(max-width:760px){
.tk-home .concept-route-track{grid-template-columns:minmax(0,1fr) 170px minmax(0,1fr);gap:0}
.tk-home .concept-route-track>span{font-size:11px}
.tk-home .garage-preview{padding-top:58px;padding-bottom:42px}
}

.tk-home .concept-route-track>span:first-child{grid-column:1;grid-row:1;text-align:center}

.tk-home .concept-route-track>span:last-child{grid-column:3;grid-row:1;text-align:center}

.tk-home .hero{isolation:isolate;overflow:hidden}

.tk-home .hero::before{content:'';display:block;position:absolute;inset:-12%;width:auto;height:auto;z-index:0;pointer-events:none;border:0;border-radius:0;opacity:.16;filter:blur(12px);transform:rotate(-18deg);background:radial-gradient(ellipse 5% 13% at 14% 24%,#f3f3ed 50%,transparent 70%),radial-gradient(ellipse 8% 5% at 25% 12%,#f3f3ed 50%,transparent 70%),radial-gradient(ellipse 4% 10% at 36% 34%,#333d45 50%,transparent 70%),radial-gradient(ellipse 7% 15% at 74% 20%,#e9e9e2 50%,transparent 70%),radial-gradient(ellipse 10% 4% at 88% 46%,#eee 50%,transparent 70%),radial-gradient(ellipse 6% 17% at 85% 77%,#34404a 50%,transparent 70%),radial-gradient(ellipse 12% 5% at 66% 83%,#eee 50%,transparent 70%);animation:tk-dapple-04 16s ease-in-out infinite alternate}

@keyframes tk-dapple-04{to{transform:translate(9px,5px) rotate(-16deg);opacity:.12}}

@media(prefers-reduced-motion:reduce){.tk-home .hero::before{animation:none}}

.tk-home .hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;min-height:0;padding:100px 80px 72px;background:#b9babc;background-image:none;color:var(--navy);isolation:isolate}

.tk-home .hero::before,.tk-home .hero::after{display:none!important}

.tk-home .hero-logo{position:relative;top:auto;right:auto;grid-area:auto;width:clamp(235px,30vw,345px);max-width:none;margin:0 0 12px;transform:none;filter:none;z-index:2}

.tk-home .hero-logo img{display:block;width:100%;height:auto}

.tk-home .hero-title-wrap{position:relative;grid-area:auto;align-self:center;width:460px;max-width:100%;margin:0;padding:0;z-index:2}

.tk-home .hero-garage-script{position:static;margin:0 0 15px;width:auto;color:var(--navy);font-size:45px;line-height:1.15;text-shadow:none;white-space:nowrap;text-align:center}

.tk-home .hero-title{color:var(--navy);font-size:112px;line-height:.94;letter-spacing:-.025em;text-shadow:none}

.tk-home .hero-title span:last-child{margin:.035em 0 0}

.tk-home .hero-title-reading{color:var(--navy);font-size:16px;letter-spacing:.2em;margin:19px 0 0}

.tk-home .hero-statement{grid-area:auto;align-self:center;width:460px;max-width:100%;margin:36px 0 0;padding:20px 0 0;color:var(--navy);font-size:19px;line-height:1.9;text-align:left;background:none;text-shadow:none;z-index:2}

.tk-home .hero-statement:before{content:'';display:block;width:48px;height:1px;background:var(--navy);margin-bottom:17px}

.tk-home .hero-bottom{grid-area:auto;align-self:stretch;margin:44px 0 0;padding:0;display:flex;justify-content:flex-start;border:0;color:var(--navy);z-index:2}

.tk-home .hero-bottom a{padding-bottom:10px;border-bottom:1px solid var(--navy);letter-spacing:.16em}

.tk-home .hero-code{display:none}

.tk-home .hero-atmosphere{display:block;position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}

body:not(.tk-home) .hero-atmosphere{display:none}

.tk-home .hero-leaf-light{position:absolute;inset:-5%;width:110%;height:110%;opacity:.53;animation:tk-canopy-05 18s ease-in-out infinite alternate}

.tk-home .hero-atmosphere .edge-block{position:absolute;display:block;background:var(--navy)}

.tk-home .edge-block.edge-one{left:0;top:0;width:7%;height:10%}

.tk-home .edge-block.edge-two{left:0;top:34%;width:4%;height:35%}

.tk-home .edge-block.edge-three{left:6%;top:41%;width:4%;height:21%;box-shadow:-12px -28px 0 #143a6033}

.tk-home .edge-block.edge-four{right:0;top:57%;width:5%;height:33%}

.tk-home .edge-line{position:absolute;width:1px;background:var(--navy);display:block;opacity:.8}

.tk-home .edge-line.line-one{left:4.7%;top:10%;height:22%}

.tk-home .edge-line.line-two{left:6.4%;top:66%;height:16%}

.tk-home .edge-line.line-three{right:3.5%;top:48%;height:25%;background:#d7d8d4}

.tk-home .edge-line.line-four{right:7%;bottom:0;height:16%}

.tk-home .edge-orbit{position:absolute;right:-150px;top:33%;width:240px;height:240px;border:1px solid var(--navy);border-radius:50%}

.tk-home .edge-orbit:before{content:'';position:absolute;top:44px;left:20px;width:14px;height:14px;background:var(--navy);border-radius:50%}

.tk-home .edge-dots{position:absolute;right:6%;top:75%;width:34px;height:40px;background:radial-gradient(circle,var(--navy) 1px,transparent 1.7px) 0 0/12px 12px}

@keyframes tk-canopy-05{to{transform:translate(6px,3px) rotate(.8deg);opacity:.46}}

@media(min-width:1000px){.tk-home .hero{padding-top:105px;padding-bottom:54px}.tk-home .hero-atmosphere .edge-one{width:8%}.tk-home .hero-bottom{margin-top:30px}}

@media(max-width:760px){
.tk-home .hero{padding:86px 14% 44px}
.tk-home .hero-logo{width:68vw;max-width:330px;min-width:0;margin:0 0 9px}
.tk-home .hero-title-wrap{width:100%}
.tk-home .hero-garage-script{font-size:clamp(25px,7vw,42px);margin-bottom:14px}
.tk-home .hero-title{font-size:clamp(59px,17.7vw,112px);line-height:.95}
.tk-home .hero-title-reading{font-size:12px;margin-top:14px}
.tk-home .hero-statement{width:100%;font-size:15px;line-height:1.9;margin-top:24px;padding-top:8px}
.tk-home .hero-statement:before{width:33px;margin-bottom:16px}
.tk-home .hero-bottom{margin:37px 0 0 -8vw;font-size:13px}
.tk-home .edge-orbit{right:-112px;width:168px;height:168px}
.tk-home .edge-orbit:before{top:29px;left:15px;width:10px;height:10px}
}

@media(prefers-reduced-motion:reduce){.tk-home .hero-leaf-light{animation:none}}

.tk-home .hero-logo{align-self:center;justify-self:center;margin-left:auto;margin-right:auto}

.tk-home .hero-title-wrap,.tk-home .hero-garage-script,.tk-home .hero-title,.tk-home .hero-title span,.tk-home .hero-title-reading{text-align:center}

.tk-home .hero-title span{margin-left:0;margin-right:0}

.tk-home .concept-route input[hidden]{display:none!important}

.tk-home .concept-route-track{display:grid;grid-template-columns:1fr 1fr;gap:8px}

.tk-home .concept-route-track>span:first-child{grid-column:1;grid-row:1;text-align:left}

.tk-home .concept-route-track>span:last-child{grid-column:2;grid-row:1;text-align:right}

.bean-rail{position:relative;grid-column:1/-1;grid-row:2;height:90px;min-width:0}

.bean-guide{position:absolute;left:24px;right:24px;top:49px;height:5px;background:#143a6033;border-top:1px solid #143a6077;border-bottom:1px solid #ecebe6;box-shadow:0 6px 0 #143a6010}

.bean-guide:after{content:'';position:absolute;inset:10px 0 -14px;background:repeating-linear-gradient(90deg,#143a6040 0 1px,transparent 1px 12px)}

.bean-travel{position:absolute;left:28px;right:28px;top:24px;height:54px}

.bean-thumb{position:absolute;width:56px;height:56px;top:-8px;transform:translateX(-50%);cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;border-radius:50%}

.bean-thumb svg{width:100%;height:100%;transform:rotate(var(--roll));overflow:visible}

.bean-body{fill:var(--bean-fill);stroke:#3d3e37;stroke-width:1.5}

.bean-cut{fill:none;stroke:var(--bean-cut);stroke-width:2.2;stroke-linecap:round}

.bean-thumb.is-dragging{cursor:grabbing}

.bean-thumb:focus-visible{outline:2px solid var(--navy);outline-offset:4px}

.tk-home .talk-heading{text-align:center;margin:28px 0 0}

.tk-home .talk-heading h2{font:700 clamp(34px,5vw,54px)/1.1 var(--display);margin:0;color:var(--paper)}

.tk-home .talk-heading p{font:400 13px/1.8 var(--body);margin-top:10px}

.talk-stage{position:relative;width:min(100%,840px);margin:auto;isolation:isolate;border:1px solid #757b80;background:#24272b;overflow:hidden}

.talk-picture{position:relative;width:100%;aspect-ratio:527/351}

.talk-picture img{display:block;width:100%;height:auto;filter:brightness(.5) saturate(.65);transition:filter .35s .08s}

.talk-picture:after{content:'';position:absolute;inset:0;background:#071322;opacity:.34;pointer-events:none;transition:opacity .35s .08s}

.talk-light{position:absolute;inset:0;background:radial-gradient(ellipse at 47% 24%,#fff0cc55,transparent 65%);opacity:0;transition:opacity .2s;pointer-events:none;z-index:1}

.talk-lamp{position:absolute;left:47%;top:24%;transform:translate(-50%,-50%);width:15%;height:24%;min-width:44px;min-height:44px;border:0;background:transparent;cursor:pointer;color:#eee2c9;z-index:3}

.talk-lamp:focus-visible{outline:2px solid #eee2c9;outline-offset:3px}

.talk-tap{position:absolute;top:100%;left:50%;transform:translateX(-50%);font:500 11px/1.5 var(--mono);letter-spacing:.13em;animation:talk-breathe 2.5s ease-in-out infinite alternate}

@keyframes talk-breathe{to{opacity:.55}}

.talk-stage.is-lit .talk-picture img{filter:brightness(.94) saturate(.85)}

.talk-stage.is-lit .talk-picture:after{opacity:.08}

.talk-stage.is-lit .talk-light{opacity:1}

.talk-stage.is-lit .talk-tap{display:none}

.talk-cards{position:absolute;inset:0;pointer-events:none}

.talk-card{position:absolute;left:4%;top:17%;width:29%;padding:12px;background:#eae3d3f2;color:#143a60;display:grid;grid-template-columns:22px 1fr 12px;gap:6px;align-items:center;text-decoration:none;min-height:70px;border:1px solid #143a6033;opacity:0;visibility:hidden;transform:translateY(6px);pointer-events:auto;transition:opacity .22s,transform .22s;overflow-wrap:anywhere}

.talk-card:nth-child(2){left:auto;right:4%;top:17%}

.talk-card:nth-child(3){top:44%}

.talk-card:nth-child(4){left:auto;right:4%;top:44%}

.talk-card strong{font:500 15px/1.6 var(--body)}

.talk-number{font:400 11px/1.4 var(--mono)}

.talk-card:focus-visible{outline:3px solid #143a60;outline-offset:3px}

.is-lit .talk-card{opacity:1;visibility:visible;transform:none;transition-delay:.22s}

.is-lit .talk-card:nth-child(2){transition-delay:.29s}

.is-lit .talk-card:nth-child(3){transition-delay:.36s}

.is-lit .talk-card:nth-child(4){transition-delay:.43s}

.talk-empty{position:absolute;bottom:5%;left:5%;right:5%;background:#24272bed;color:#ecebe6;padding:14px;font:400 13px/1.8 var(--body);visibility:hidden}

.is-lit .talk-empty{visibility:visible}

@media(max-width:760px){
.talk-cards{position:relative;inset:auto;display:grid;align-content:start;gap:8px;min-height:0;padding:16px;background:#272a2e}
.talk-card,.talk-card:nth-child(n){position:relative;inset:auto;width:100%;min-height:70px;padding:10px;grid-template-columns:24px 1fr 16px}
.talk-card:nth-child(n+4){display:none}.talk-card strong{font-size:14px;line-height:1.65}
.talk-empty{position:relative;inset:auto;margin:0}
}

@media(prefers-reduced-motion:reduce){.talk-tap{animation:none}.talk-card,.is-lit .talk-card:nth-child(n),.talk-picture img,.talk-picture:after,.talk-light{transition:none;transform:none}}

.talk-lamp{min-width:56px;min-height:56px;border:1px solid #eee2c95c;border-radius:50%}

.talk-tap{top:-28px;left:50%;width:90px;display:flex;flex-direction:column;align-items:center;gap:0;white-space:nowrap;font:600 14px/1.25 var(--mono);letter-spacing:.1em;text-shadow:0 1px 4px #000}

.talk-tap-arrow{font-size:20px;line-height:1;letter-spacing:0}

.talk-stage.is-lit .talk-lamp{border-color:transparent}

.tk-home .talk-heading h2{font:600 clamp(26px,4vw,38px)/1.5 var(--body);letter-spacing:.04em}

.tk-home .talk-heading .talk-subtitle{font:700 18px/1.3 var(--display);letter-spacing:.08em;margin:10px 0 0}

.tk-home .talk-heading .talk-description{font:400 14px/1.9 var(--body);max-width:560px;margin:20px auto 0;text-wrap:pretty}

@media(max-width:760px){
.talk-stage:not(.is-lit) .talk-cards{display:none}
.talk-stage.is-lit .talk-cards{min-height:0}
.tk-home .talk-heading .talk-description{font-size:13px;max-width:26em}
}
/* Production interaction and responsive corrections. */
.tk-home .concept-route-track{grid-template-columns:repeat(2,minmax(0,1fr))}
.tk-home .concept-route-track>span{font-size:14px;line-height:1.6}
.tk-home .route-stations button{font-size:14px;min-height:44px;touch-action:manipulation}
.tk-home .concept-route-output{min-height:134px}
.tk-home .concept-route-output strong{overflow-wrap:anywhere}
.tk-home .concept-route-output [data-concept-route-description]{min-height:2.8em}
.bean-rail{touch-action:pan-y pinch-zoom;cursor:grab;user-select:none;-webkit-user-select:none}
.bean-travel{left:36px;right:36px;top:8px;height:72px;pointer-events:none}
.bean-thumb{width:72px;height:72px;top:0;display:grid;place-items:center;pointer-events:auto;touch-action:pinch-zoom;-webkit-touch-callout:none}
.bean-thumb svg{width:56px;height:56px;pointer-events:none}
.bean-guide,.bean-guide:after{pointer-events:none}
.bean-rail.is-dragging,.bean-rail.is-dragging .bean-thumb{cursor:grabbing}
.tk-home .talk-heading .talk-description{font-size:16px}
.talk-lamp{width:clamp(56px,15%,92px);height:clamp(56px,24%,92px);touch-action:manipulation}
.talk-tap{top:8px;transform:translate(-50%,-50%)}
.talk-cards{inset:14% 4% 6%;display:grid;grid-template-columns:minmax(0,1fr) 28% minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:12px 4%;align-items:start}
.talk-card,.talk-card:nth-child(n){position:relative;inset:auto;width:100%;min-width:0;max-height:100%;overflow:hidden;grid-column:1;grid-row:1}
.talk-card:nth-child(2){grid-column:3}.talk-card:nth-child(3){grid-row:2}.talk-card:nth-child(4){grid-column:3;grid-row:2}
.talk-card strong{min-width:0;font-size:16px}
.talk-number{font-size:12px}
.talk-stage:not([data-talk-ready]) .talk-picture img{filter:none}
.talk-stage:not([data-talk-ready]) .talk-cards{position:relative;inset:auto;grid-template-columns:repeat(2,minmax(0,1fr));padding:16px}
.talk-stage:not([data-talk-ready]) .talk-card{opacity:1;visibility:visible;transform:none;grid-area:auto}
.talk-stage:not([data-talk-ready]) .talk-empty{position:relative;inset:auto;visibility:visible;grid-column:1/-1}
.tk-home .hero-leaf-light{animation-play-state:paused}
.tk-home .hero.is-in-view .hero-leaf-light{animation-play-state:running}
@media(max-width:900px){
  .tk-home .concept{grid-template-columns:minmax(0,1fr);gap:24px}
  .tk-home .concept-heading{grid-column:1;grid-row:1}
  .tk-home .concept-route{grid-column:1;grid-row:2;width:min(100%,480px);justify-self:center}
  .tk-home .concept-copy{grid-column:1;grid-row:3}
  .talk-cards,.talk-stage:not([data-talk-ready]) .talk-cards{position:relative;inset:auto;grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:8px;padding:16px;min-height:0}
  .talk-stage[data-talk-ready]:not(.is-lit) .talk-cards{display:none}
  .talk-card,.talk-card:nth-child(n){grid-area:auto;max-height:none;min-height:70px;overflow:visible}
  .talk-card:nth-child(n+4){display:none}
  .talk-empty{position:relative;inset:auto;margin:0}
}
@media(max-width:760px){
  .tk-home .hero-logo{left:auto}
  .tk-home .hero-title{font-size:clamp(48px,17.7vw,112px)}
  .tk-home .hero-garage-script{white-space:normal}
  .tk-home .concept-rabbit{display:none}
  .tk-home .coffee-categories{grid-template-columns:minmax(0,1fr)}
  .tk-home #coffee-category-blend,.tk-home #coffee-category-single,.tk-home #coffee-category-top{grid-column:1;grid-row:auto;min-width:0}
  .tk-home .talk-heading .talk-description{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.tk-home .hero-leaf-light{animation:none}.bean-thumb svg{transition:none}}

.talk-stage:not([data-talk-ready]) .talk-cards{display:grid}

.tk-home .talk-heading h2{max-width:none;text-align:center}
.talk-card strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}

/* 1.3.1: adopted shop and COFFEE TALK adjustments, consolidated. */
.tk-home .talk-stage[data-talk-ready]:not(.is-lit) .talk-picture img { filter: brightness(.11) saturate(.65); }
.tk-home .talk-stage .talk-light {
  background: radial-gradient(ellipse 7% 12% at 47% 24%, rgba(255,247,215,.85), rgba(255,206,122,.25) 55%, transparent 100%), radial-gradient(ellipse 58% 66% at 47% 28%, rgba(255,208,133,.38), rgba(228,160,77,.12) 55%, transparent 100%);
  transition: opacity .45s ease;
}
.tk-home .talk-stage.is-lit .talk-picture img { filter: brightness(.90) saturate(.90); }
.tk-home .talk-stage .talk-picture::after { background: radial-gradient(ellipse at 47% 28%, transparent 25%, rgba(5,12,22,.65) 100%); }
.tk-home .talk-stage.is-lit .talk-picture::after { opacity: .65; }
.tk-home .talk-stage .talk-cards { z-index: 2; }
.tk-home .talk-stage .talk-card {
  background: linear-gradient(135deg, #f2e5c9, #ded0af);
  border: 1px solid rgba(91,65,33,.20);
  box-shadow: 0 5px 14px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,249,226,.65);
  transition: opacity .3s ease, transform .3s ease;
}
.tk-home .talk-stage .talk-card > span:last-child { display: none !important; }
.tk-home .talk-stage .talk-card::after { content: "READ"; position: absolute; top: 7px; right: 8px; font-family: var(--mono); font-size: 10px; font-weight: 400; line-height: 1.2; letter-spacing: .08em; pointer-events: none; }
.tk-home .talk-stage .talk-card:nth-child(n) { grid-template-columns: minmax(0,1fr); gap: 5px; }
.tk-home .talk-stage .talk-number { padding-right: 36px; font-size: 11px; line-height: 1.2; }
.tk-home .talk-stage .talk-card strong { min-width: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.tk-home .talk-stage.is-lit .talk-card:nth-child(1) { transition-delay: .18s; }
.tk-home .talk-stage.is-lit .talk-card:nth-child(2) { transition-delay: .24s; }
.tk-home .talk-stage.is-lit .talk-card:nth-child(3) { transition-delay: .30s; }
.tk-home .talk-stage.is-lit .talk-card:nth-child(4) { transition-delay: .36s; }
@media (max-width: 760px) {
  .tk-home #visit { grid-template-columns: minmax(0,1fr); }
  .tk-home #visit > .visit-image { grid-column: 1 / -1; grid-row: 2; min-width: 0; }
  .tk-home #visit > .visit-copy { grid-column: 1 / -1; grid-row: 3; width: 100%; max-width: none; min-width: 0; box-sizing: border-box; margin: -42px 0 0; }
  .tk-home .talk-stage[data-talk-ready] .talk-cards { position: absolute; inset: 0; padding: 0; min-height: 0; background: transparent; pointer-events: none; }
  .tk-home .talk-stage[data-talk-ready]:not(.is-lit) .talk-cards { display: none; }
  .tk-home .talk-stage[data-talk-ready].is-lit .talk-cards { display: block; }
  .tk-home .talk-stage[data-talk-ready] .talk-card:nth-child(n) { position: absolute; inset: auto; top: 6%; left: 4%; width: 32%; min-height: 44px; max-height: none; padding: 7px; box-sizing: border-box; display: grid; grid-template-columns: minmax(0,1fr); gap: 3px; overflow: hidden; pointer-events: auto; }
  .tk-home .talk-stage[data-talk-ready] .talk-card:nth-child(2) { left: auto; right: 4%; }
  .tk-home .talk-stage[data-talk-ready] .talk-card:nth-child(3) { top: auto; left: auto; right: 4%; bottom: 4%; }
  .tk-home .talk-stage[data-talk-ready] .talk-card:nth-child(n+4) { display: none; }
  .tk-home .talk-stage[data-talk-ready] .talk-card strong { font-size: 14px; line-height: 1.45; -webkit-line-clamp: 2; }
}
@media (prefers-reduced-motion: reduce) {
  .tk-home .talk-stage .talk-light, .tk-home .talk-stage .talk-picture img, .tk-home .talk-stage .talk-picture::after, .tk-home .talk-stage .talk-card:nth-child(n) { transition: none; }
}