/* Owner feedback closeout · 30 Aug 2026
   Original people photography, compact hero, larger working type and a single navigation surface. */

body.tr-home-v3 .tr-mast {
  min-height: 88px;
  border-bottom: 1px solid rgba(239,140,175,.22);
  background: linear-gradient(180deg,rgba(7,9,13,.98),rgba(7,9,13,.92));
  box-shadow: 0 14px 42px rgba(0,0,0,.28);
  backdrop-filter: blur(16px);
}
body.tr-home-v3 .tr-mast>.wrap { max-width: 1480px; }
body.tr-home-v3 .tr-mast .nav { min-height: 88px; gap: 18px; }
body.tr-home-v3 .home-unified-brand { gap: 15px; min-width: 236px; }
body.tr-home-v3 .home-unified-brand>.mono {
  width: 62px!important;
  height: 62px!important;
  padding: 3px;
  border: 1px solid rgba(239,140,175,.2);
  border-radius: 50%!important;
  background: radial-gradient(circle,rgba(223,126,158,.12),transparent 66%);
}
body.tr-home-v3 .home-unified-brand .wordmark {
  font-size: 23px!important;
  line-height: .88!important;
  letter-spacing: .12em!important;
}
body.tr-home-v3 .home-unified-brand .est { font-size: 13px!important; letter-spacing: .18em!important; }
body.tr-home-v3 .tr-mast .nav-toggle,
body.tr-home-v3 .tr-mast .lang-switch {
  border-radius: 999px!important;
  background: rgba(255,255,255,.025);
}
body.tr-home-v3 .tr-mast .nav-toggle { min-height: 48px; padding: 0 17px; }
body.tr-home-v3 .tr-mast .nav-toggle-label { font-size: 13px; letter-spacing: .12em; }
body.tr-home-v3 .tr-mast .lang-switch a { min-width: 39px; min-height: 39px; border-radius: 50%!important; }
body.tr-home-v3 .tr-mast .nav-links {
  width: min(340px, calc(100vw - 24px)) !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
  padding: 8px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  background: rgba(18, 14, 22, 0.75) !important;
  backdrop-filter: blur(28px) saturate(1.8) !important;
  -webkit-backdrop-filter: blur(28px) saturate(1.8) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.65), inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}
body.tr-home-v3 .tr-mast .nav-links a {
  min-height: 36px !important;
  padding: 7px 12px !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  color: #f1e9df !important;
  transition: all 0.15s ease !important;
}
body.tr-home-v3 .tr-mast .nav-links a:hover,
body.tr-home-v3 .tr-mast .nav-links a:focus-visible {
  border-color: rgba(239, 140, 175, 0.5) !important;
  background: rgba(223, 126, 158, 0.22) !important;
  color: #fff !important;
  transform: translateY(-1px);
}
body.tr-home-v3 .tr-mast .nav-links .nav-price-verification,
.nav-links .nav-price-verification,
.tr-nav-menu .nav-price-verification {
  display: none !important;
}

body.tr-home-v3 .tr-hero {
  min-height: clamp(780px,72svh,920px)!important;
  background: #07090d!important;
}
body.tr-home-v3 .tr-hero-media { overflow: hidden; background: #07090d; }
body.tr-home-v3 .tr-hero-media img.tr-hero-person {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 66% 46%;
  -webkit-mask-image: none!important;
  mask-image: none!important;
  filter: saturate(.96) brightness(.82) contrast(1.05)!important;
  transform: scale(1.002);
  will-change: opacity;
}
/* Normalise the differently proportioned source photographs on one fixed
   stage. Scale and focal point never animate; only opacity crossfades. */
body.tr-home-v3 .tr-hero-person--woman,
body.tr-home-v3 .tr-hero-person--man {
  object-fit: cover;
  transform-origin: center center;
  transition: opacity 1.8s ease-in-out;
  backface-visibility: hidden;
}
body.tr-home-v3 .tr-hero-person--woman {
  object-position: 66% 46%!important;
  transform: scale(1.035);
  opacity: 1!important;
  animation: none!important;
}
body.tr-home-v3 .tr-hero-person--man {
  object-position: 66% 48%!important;
  transform: scale(1.002);
  opacity: 0!important;
  animation: none!important;
}
body.tr-home-v3 .tr-hero-media::after {
  position: absolute;
  z-index: 2;
  inset: 0;
  background:
    linear-gradient(90deg,rgba(5,7,11,.95) 0%,rgba(5,7,11,.76) 36%,rgba(5,7,11,.18) 65%,rgba(5,7,11,.08) 100%),
    linear-gradient(0deg,rgba(5,7,11,.72),transparent 35%,rgba(5,7,11,.18));
  content: "";
  pointer-events: none;
}
body.tr-home-v3 .tr-hero-grain,
body.tr-home-v3 .tr-hero-plate { display: none!important; }

body.tr-home-v3 .tr-hero-in { padding-top: 62px!important; padding-bottom: 46px!important; }
body.tr-home-v3 .tr-lede { margin-top: 18px; font-size: 19px!important; line-height: 1.55!important; color: #d7cdc5!important; }
body.tr-home-v3 .tr-hero-cta { margin-top: 25px; }
body.tr-home-v3 .tr-hero-cta .tr-btn { min-height: 52px; padding: 0 22px; font-size: 13px!important; }
body.tr-home-v3 .tr-search { margin-top: 30px!important; }
body.tr-home-v3 .tr-search label { margin-bottom: 10px; font-size: 12.5px!important; letter-spacing: .14em!important; color: #c2b6ae!important; }
body.tr-home-v3 .tr-search input[type="search"] { min-height: 54px; padding: 0 17px; font-size: 16.5px!important; color: #fff8ef; }
body.tr-home-v3 .tr-search-row .tr-btn { min-height: 54px; padding: 0 24px; font-size: 13px!important; }
body.tr-home-v3 .tr-quick { margin-top: 24px!important; }
body.tr-home-v3 .tr-quick a { min-height: 108px; padding: 18px!important; }
body.tr-home-v3 .tr-quick b { font-size: 16px!important; line-height: 1.3; }
body.tr-home-v3 .tr-quick span { margin-top: 8px; font-size: 12.5px!important; line-height: 1.48!important; letter-spacing: .09em!important; }
body.tr-home-v3 .tr-picks-lab { font-size: 12px!important; color: #c2b6ae!important; }
body.tr-home-v3 .tr-pick-name { font-size: 15px!important; }
body.tr-home-v3 .tr-pick-maker,
body.tr-home-v3 .tr-pick-back p,
body.tr-home-v3 .tr-pick-back small { font-size: 13px!important; line-height: 1.4!important; }

@media (min-width:1280px) {
  body.tr-home-v3 .tr-hero-in {
    min-height: clamp(780px,72svh,920px)!important;
    justify-content: flex-start!important;
  }
  body.tr-home-v3 .tr-picks { right: 8px!important; bottom: 8px!important; width: 438px!important; }
}
@media (max-width:900px) {
  body.tr-home-v3 .tr-mast,
  body.tr-home-v3 .tr-mast .nav { min-height: 78px; }
  body.tr-home-v3 .home-unified-brand { min-width: 0; }
  body.tr-home-v3 .home-unified-brand>.mono { width: 54px!important; height: 54px!important; }
  body.tr-home-v3 .home-unified-brand .wordmark { font-size: 20px!important; }
  body.tr-home-v3 .tr-hero { min-height: auto!important; }
  body.tr-home-v3 .tr-hero-in { min-height: 0!important; padding-top: 54px!important; }
  body.tr-home-v3 .tr-hero-media img.tr-hero-person { object-position: 66% center; }
}
@media (max-width:620px) {
  body.tr-home-v3 .home-unified-brand>.mono { width: 48px!important; height: 48px!important; }
  body.tr-home-v3 .home-unified-brand .wordmark { font-size: 17px!important; }
  body.tr-home-v3 .home-unified-brand .est { font-size: 13px!important; }
  body.tr-home-v3 .tr-hero-media::after { background: linear-gradient(90deg,rgba(5,7,11,.92),rgba(5,7,11,.58)),linear-gradient(0deg,rgba(5,7,11,.82),transparent 48%); }
  body.tr-home-v3 .tr-quick span { font-size: 12px!important; }
}
@media (prefers-reduced-motion:reduce) {
  body.tr-home-v3 .tr-hero-person--woman { opacity: 1!important; animation: none!important; transform: scale(1.035)!important; }
  body.tr-home-v3 .tr-hero-person--man { opacity: 0!important; animation: none!important; transform: scale(1.002)!important; }
}

/* Dense editorial pass: use more of the canvas without compressing the copy. */
body.tr-home-v3 { --maxw: none; }
body.tr-home-v3 .wrap,
body.tr-home-v3 .tr-mast>.wrap {
  width: 100%;
  max-width: none;
  padding-inline: clamp(18px,2vw,32px);
}
body.tr-home-v3 .tr-hero {
  min-height: clamp(620px,66svh,720px)!important;
}
body.tr-home-v3 .tr-hero-in {
  padding-top: 30px!important;
  padding-bottom: 24px!important;
}
body.tr-home-v3 .tr-quick {
  max-width: 680px;
  margin-top: 38px!important;
}
body.tr-home-v3 .tr-quick a {
  min-height: 96px;
  padding: 15px 17px!important;
}
body.tr-home-v3 .tr-quick b { font-size: 17px!important; }
body.tr-home-v3 .tr-quick span {
  font-size: 14px!important;
  line-height: 1.52!important;
  letter-spacing: .055em!important;
  text-transform: none;
}

body.tr-home-v3 .tr-sec { padding: clamp(42px,4.4vw,66px) 0; }
body.tr-home-v3 #specimen .tr-spec,
body.tr-home-v3 #path .tr-path,
body.tr-home-v3 #changed .tr-log,
body.tr-home-v3 #journal .tr-cards { margin-top: 22px; }
body.tr-home-v3 #specimen .tr-spec {
  grid-template-columns: minmax(0,.72fr) minmax(0,1.28fr);
}
body.tr-home-v3 #path .tr-panel {
  padding: clamp(22px,2.4vw,34px);
  gap: 14px;
}
body.tr-home-v3 #changed .tr-log { max-width: none; }
body.tr-home-v3 #journal .tr-card { padding: 24px 22px 26px; }

body.tr-home-v3 .tr-obs-title { font-size: 14px; letter-spacing: .16em; }
body.tr-home-v3 .tr-obs-list .c { font-size: 13.5px; letter-spacing: .12em; }
body.tr-home-v3 .tr-obs-list b { font-size: 20px; }
body.tr-home-v3 .tr-obs-list .d { font-size: 13.5px; letter-spacing: .065em; }
body.tr-home-v3 .tr-note { font-size: 15px; line-height: 1.68; }

/* Footer reading order: policy links, visit count, then the fine print. */
body.tr-home-v3 footer.site { margin-top: 0!important; }
body.tr-home-v3 .foot-bottom {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  align-items: start;
  gap: 13px;
  padding: 24px 0 36px;
}
body.tr-home-v3 .foot-bottom .copy { order: 1; }
body.tr-home-v3 .foot-bottom .tr-visitor-stage {
  position: static;
  order: 2;
  display: grid;
  place-items: center;
  justify-self: center;
  width: min(100%,420px);
  min-height: 0;
  padding: 9px 14px;
  border: 1px solid var(--rule-soft);
  background: rgba(255,255,255,.012);
}
body.tr-home-v3 .foot-bottom .legal {
  order: 3;
  max-width: 92ch;
}
body.tr-home-v3 .foot-bottom .tr-visitor-stage .local-visitor-counter.tr-odo-compact {
  justify-content: center;
  width: max-content;
  max-width: 100%;
  margin: 0!important;
  padding: 0!important;
  border: 0!important;
}
body.tr-home-v3 .foot-bottom .tr-odo-lab {
  font-size: 12px;
  color: #c2b6ae;
}
/* The retired botanical mascot must stay absent even if an older cached
   homepage shell still contains its former image node. */
body.tr-home-v3 .tr-odo-pet { display: none!important; }
body.tr-home-v3 .foot-bottom .tr-odo-digit {
  width: 25px;
  height: 38px;
  overflow: hidden;
  border-color: rgba(239,140,175,.2);
  perspective: 180px;
  transform-style: preserve-3d;
  transition: border-color .25s ease, background-color .25s ease;
}
body.tr-home-v3 .foot-bottom .tr-odo-digit span { font-size: 22px; }
body.tr-home-v3 .foot-bottom .tr-odo-digit.is-turning {
  animation: trOdoCellV4 .82s cubic-bezier(.2,.82,.22,1) both;
  animation-delay: var(--tr-odo-delay,0ms);
}
body.tr-home-v3 .foot-bottom .tr-odo-digit.is-turning span {
  animation: trOdoGlyphV4 .82s cubic-bezier(.2,.82,.22,1) both;
  animation-delay: var(--tr-odo-delay,0ms);
  transform-origin: 50% 50%;
  backface-visibility: hidden;
}
body.tr-home-v3 .tr-odo-pet { display: none!important; }
@keyframes trOdoCellV4 {
  0% { border-color: rgba(239,140,175,.2); background: #131216; box-shadow: inset 0 0 0 rgba(255,106,160,0); }
  46% { border-color: rgba(255,106,160,.82); background: rgba(223,126,158,.18); box-shadow: inset 0 0 18px rgba(255,106,160,.14); }
  100% { border-color: rgba(239,140,175,.2); background: #131216; box-shadow: inset 0 0 0 rgba(255,106,160,0); }
}
@keyframes trOdoGlyphV4 {
  0% { opacity: 0; transform: translateY(-112%) rotateX(78deg); filter: blur(2px); }
  42% { opacity: .78; transform: translateY(18%) rotateX(-18deg); filter: blur(.5px); }
  68% { opacity: 1; transform: translateY(-6%) rotateX(7deg); filter: blur(0); }
  100% { opacity: 1; transform: translateY(0) rotateX(0); filter: blur(0); }
}

@media (min-width:1280px) {
  body.tr-home-v3 .tr-hero-in {
    min-height: clamp(620px,66svh,720px)!important;
    padding-right: clamp(18px,2vw,32px);
  }
  body.tr-home-v3 .tr-picks {
    right: 8px!important;
    bottom: 8px!important;
    width: 438px!important;
  }
  body.tr-home-v3 .tr-picks-lab { margin-bottom: 6px; }
  body.tr-home-v3 .tr-picks-row {
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 7px;
  }
  body.tr-home-v3 .tr-pick { height: 264px; }
  body.tr-home-v3 .tr-pick-bar { padding: 8px 9px; }
  body.tr-home-v3 .tr-pick-bar .nm { font-size: 12.5px; line-height: 1.2; }
  body.tr-home-v3 .tr-pick-bar .nm em { margin-top: 2px; font-size: 13px; letter-spacing: .08em; }
}
@media (max-width:1020px) {
  body.tr-home-v3 #specimen .tr-spec { grid-template-columns: 1fr; }
}
@media (min-width:721px) and (max-width:1279px) {
  body.tr-home-v3 .tr-hero-person--woman {
    object-position: 74% 48%!important;
    transform: scale(1.025);
  }
  body.tr-home-v3 .tr-hero-person--man {
    object-position: 59% 48%!important;
    transform: scale(1.002);
  }
  body.tr-home-v3 .tr-picks {
    width: min(100%,426px);
    margin: 24px 0 0 auto;
  }
  body.tr-home-v3 .tr-picks-row {
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 7px;
  }
  body.tr-home-v3 .tr-pick { height: 258px; }
  body.tr-home-v3 .tr-pick-bar { padding: 8px 9px; }
  body.tr-home-v3 .tr-pick-bar .nm { font-size: 12.5px; line-height: 1.2; }
  body.tr-home-v3 .tr-pick-bar .nm em { margin-top: 2px; font-size: 13px; letter-spacing: .08em; }
}
body.tr-home-v3 .tr-pick-img img {
  filter: saturate(1.06) brightness(.96) contrast(1.06)!important;
}
@media (min-width:721px) {
  body.tr-home-v3 .tr-pick-img img {
    filter: saturate(1.14) brightness(1.02) contrast(1.04)!important;
  }
}
/* Keep the small weekly cards useful on their reverse side. The tighter label
   column leaves the longer ES values room, while internal scrolling remains a
   safe fallback for translated or future catalogue copy. */
body.tr-home-v3 .tr-pick-back {
  align-content: start;
  gap: 7px;
  padding: 15px!important;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(239,140,175,.42) transparent;
}
body.tr-home-v3 .tr-pick-back::-webkit-scrollbar { width: 4px; }
body.tr-home-v3 .tr-pick-back::-webkit-scrollbar-thumb { background: rgba(239,140,175,.42); }
body.tr-home-v3 .tr-pick-back .hd {
  font-size: 19px;
  line-height: 1.15;
}
body.tr-home-v3 .tr-pick-dl {
  grid-template-columns: 72px minmax(0,1fr);
  column-gap: 9px;
  row-gap: 7px;
  font-size: 13.5px;
  line-height: 1.4;
}
body.tr-home-v3 .tr-pick-dl dt {
  font-size: 13px;
  line-height: 1.35;
  letter-spacing: .05em;
  overflow-wrap: anywhere;
}
body.tr-home-v3 .tr-pick-dl dd {
  min-width: 0;
  font-size: 13.5px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
@media (max-width:720px) {
  body.tr-home-v3 { --maxw: 100%; }
  body.tr-home-v3 .wrap,
  body.tr-home-v3 .tr-mast>.wrap { padding-inline: 18px; }
  body.tr-home-v3 .tr-sec { padding: 38px 0; }
  body.tr-home-v3 .tr-hero-in {
    min-width: 0;
    padding-top: 34px!important;
    padding-bottom: 32px!important;
  }
  body.tr-home-v3 .tr-quick { margin-top: 24px!important; }
  body.tr-home-v3 .tr-quick a { min-height: 0; }
  body.tr-home-v3 .tr-obs-list .d { font-size: 13px; }
  body.tr-home-v3 .tr-picks {
    min-width: 0;
    width: 100%;
    margin: 24px 0 0;
    opacity: .78;
    transform: scale(.88);
    transform-origin: top left;
    transition: opacity .55s cubic-bezier(.2,.7,.3,1), transform .55s cubic-bezier(.2,.7,.3,1);
  }
  body.tr-home-v3 .tr-picks.is-in { opacity: 1; transform: none; }
  body.tr-home-v3 .tr-picks-row { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body.tr-home-v3 .tr-pick { height: 300px; }
  body.tr-home-v3 .tr-hero-person--woman {
    object-position: 74% center!important;
    transform: scale(1.018);
  }
  body.tr-home-v3 .tr-hero-person--man {
    object-position: 67% center!important;
    transform: scale(1.002);
  }
}
@media (max-width:420px) {
  body.tr-home-v3 .tr-picks {
    min-width: 0;
    margin-top: 24px;
  }
  body.tr-home-v3 .tr-picks-row {
    display: grid;
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: min(82vw,292px);
    gap: 10px;
    max-width: 100%;
    padding: 0 0 10px;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-inline: contain;
    scroll-padding-inline: 0;
    scroll-snap-type: inline mandatory;
    scrollbar-width: thin;
    scrollbar-color: rgba(239,140,175,.42) transparent;
    -webkit-overflow-scrolling: touch;
  }
  body.tr-home-v3 .tr-picks-row::-webkit-scrollbar { height: 4px; }
  body.tr-home-v3 .tr-picks-row::-webkit-scrollbar-thumb { background: rgba(239,140,175,.42); }
  body.tr-home-v3 .tr-pick {
    height: 280px;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }
}
@media (prefers-reduced-motion:reduce) {
  body.tr-home-v3 .tr-picks,
  body.tr-home-v3 .tr-picks.is-in {
    opacity: 1;
    transform: none;
    transition: none;
  }
  body.tr-home-v3 .foot-bottom .tr-odo-digit.is-turning,
  body.tr-home-v3 .foot-bottom .tr-odo-digit.is-turning span {
    animation: none!important;
    transition: none!important;
    filter: none!important;
    transform: none!important;
  }
}