/* fix42 shared: train rebalance, event list, receptionist, mid-viewport timer hooks.
   Testimonials are unchanged from fix41 unless a mockup file adds styles. */

/* --- Train / Laptops open: quote + outcome side by side --- */
.train{padding-bottom:24px}
.ba-team{padding-top:8px}
.ba-team .two{
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:clamp(32px,6vw,88px);
  align-items:start;
}
.ba-team .arrow{display:none}
.ba-team .pull{margin:0;padding-top:24px;border-top:1px solid var(--rule)}
.ba-team .pull.sm p{max-width:22ch;color:var(--cream)}
.ba-team .p-light{margin:0}
.ba-team .p-light .p-h{margin-top:0}

/* --- Event setup: restored task list from fix35-motion --- */
#company-area .f36-event{text-align:center;padding:8px 0 0}
#company-area .f36-fw{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  grid-template-areas:"list timer" "list actions";
  gap:8px clamp(28px,4vw,56px);
  align-items:center;
  text-align:left;
  margin-top:4px;
}
#company-area .f36-fw .fw-list{grid-area:list;list-style:none;padding:0;margin:0}
#company-area .f36-fw .fw-list li{
  font-size:clamp(18px,1.55vw,22px);
  line-height:1.35;
  padding:14px 0;
  border-top:1px solid var(--f36-rule);
  color:var(--cream2);
  transition:color .35s;
}
#company-area .f36-fw .fw-list li:first-child{border-top-color:var(--blush)}
#company-area .f36-fw .fw-list li.x{color:rgba(243,238,228,.45)}
#company-area .f36-fw .fw-list li.x span{
  text-decoration:line-through;
  text-decoration-color:var(--blush);
  text-decoration-thickness:2px;
}
#company-area .f36-fw .f36-timer{grid-area:timer;min-height:156px;margin:0;width:100%}
#company-area .f36-fw .f36-timer-actions{grid-area:actions;text-align:center}
#company-area .f36-event .f36-caption{margin:16px auto 0;text-align:center}
#company-area .f36-event #f36-run{margin-top:4px}

/* --- Receptionist --- */
#company-area .f36-phone-panel{
  text-align:center;
  padding:12px 0 8px;
  display:flex;
  flex-direction:column;
  align-items:center;
}
#company-area .f36-phone-panel h3{
  font:700 clamp(32px,4.1vw,60px)/1.08 var(--sans);
  letter-spacing:-.025em;
  margin:0 0 28px;
  color:var(--cream);
  max-width:18em;
}
#company-area .f36-phone-panel h3 em{font:inherit;color:var(--blush)}
#company-area .f36-phone-panel .f42-nowrap{white-space:nowrap}
#company-area .f36-phone-panel>.lab{
  color:var(--blush);
  margin:0 0 16px;
  justify-content:center;
}
#company-area .f36-call{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--blush);
  color:var(--ink);
  border-color:var(--blush);
  font:700 clamp(28px,3.6vw,52px)/1 var(--sans);
  letter-spacing:-.03em;
  min-height:72px;
  padding:16px 28px;
  width:100%;
  max-width:22ch;
  text-decoration:none;
  border-radius:0;
  white-space:nowrap;
}
#company-area .f36-call:hover{color:var(--ink)}
#company-area .f36-meet{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:16px;
  min-height:56px;
  padding:0 24px;
  font-size:18px;
  font-weight:600;
  text-decoration:none;
  border-radius:0;
  color:var(--cream);
  border:1px solid var(--cream);
  background:transparent;
}
#company-area .f36-meet:hover{border-color:var(--blush);color:var(--blush)}
#company-area .f36-phone-panel .f36-caption{margin-top:28px;max-width:36ch;text-wrap:balance}

@media(max-width:760px){
  .train{padding-bottom:16px}
  .ba-team{padding-top:4px;padding-bottom:40px}
  .ba-team .two{grid-template-columns:1fr;gap:28px}
  .ba-team .pull.sm p{font-size:32px;max-width:28ch}
  #company-area .f36-fw{
    grid-template-columns:1fr;
    grid-template-areas:"timer" "list" "actions";
    gap:8px 0;
  }
  #company-area .f36-fw .fw-list li{font-size:17px;padding:12px 0}
  #company-area .f36-fw .f36-timer{min-height:120px}
  #company-area .f36-phone-panel h3{font-size:30px;margin-bottom:24px;max-width:none}
  #company-area .f36-call{font-size:28px;min-height:64px;padding:14px 18px;white-space:normal;max-width:100%}
  #company-area .f36-meet{width:100%;max-width:100%}
}


/* Brandi stays in the live featured treatment: full width, large italic type, hairline, no box. */
.said .tq-featured{
  display:flex;
  flex-direction:column;
  gap:24px;
  width:auto;
  max-width:1040px;
  min-height:0;
  padding:24px 0 0;
  margin:0 0 48px;
  background:none!important;
  color:var(--ink)!important;
  border-top:1px solid rgba(13,31,23,.3);
  border-radius:0;
}
.said .tq-featured p{font-size:clamp(32px,4vw,60px);max-width:36ch;font-style:italic}
.said .tq-featured footer b{display:block;font-size:17px}
.said .tq-featured footer span{display:block;font-size:15px;opacity:.85;max-width:44ch}
@media(max-width:760px){
  .said .tq-featured{margin-bottom:32px;gap:18px}
  .said .tq-featured p{font-size:32px}
}

/* Slow cream ticker of the remaining quotes. No colored boxes. */
.tq-ticker{
  overflow:hidden;
  width:100%;
  min-width:0;
  margin:0;
  padding:8px 0 12px;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 36px,#000 calc(100% - 36px),transparent 100%);
  mask-image:linear-gradient(to right,transparent 0,#000 36px,#000 calc(100% - 36px),transparent 100%);
}
.tq-ticker-track{
  display:flex;
  width:max-content;
  animation:tq-marquee 38s linear infinite;
  animation-play-state:paused;
  will-change:transform;
}
.tq-ticker.is-on .tq-ticker-track{animation-play-state:running}
.tq-ticker-set{
  display:flex;
  flex:0 0 auto;
  align-items:stretch;
}
.tq-ticker-set .tq,
#said .tq-ticker-set .tq{
  flex:0 0 auto;
  width:min(72vw,520px);
  min-height:0;
  min-width:0;
  margin:0;
  padding:8px 40px 8px 40px;
  background:none!important;
  color:var(--ink)!important;
  border:0!important;
  border-radius:0!important;
  border-right:1px solid rgba(13,31,23,.3)!important;
  box-shadow:none;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:24px;
  grid-column:auto!important;
  max-width:none!important;
}
.tq-ticker-set .tq p,
#said .tq-ticker-set .tq p{
  font:italic 400 clamp(28px,2.8vw,44px)/1.12 var(--serif)!important;
  letter-spacing:-.01em;
  max-width:22ch;
}
.tq-ticker-set .tq footer b{display:block;font-size:17px;font-style:normal}
.tq-ticker-set .tq footer span{display:block;font-size:15px;opacity:.85;max-width:44ch}
.tq-ticker.is-paused .tq-ticker-track,
.tq-ticker:hover .tq-ticker-track{
  animation-play-state:paused;
}
@keyframes tq-marquee{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
@media(max-width:760px){
  .tq-ticker-set .tq,
  #said .tq-ticker-set .tq{width:min(86vw,420px);padding:8px 28px;gap:18px}
  .tq-ticker-set .tq p{font-size:30px}
}
@media(prefers-reduced-motion:reduce){
  .tq-ticker{overflow:visible;-webkit-mask-image:none;mask-image:none;padding:0}
  .tq-ticker-track{
    animation:none;
    will-change:auto;
    display:block;
    width:auto;
    transform:none;
  }
  .tq-ticker-set[aria-hidden="true"]{display:none}
  .tq-ticker-set{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:40px 64px;
    width:auto;
  }
  .tq-ticker-set .tq,
  #said .tq-ticker-set .tq{
    width:auto;
    border-right:0!important;
    border-top:1px solid rgba(13,31,23,.3)!important;
    padding:24px 0 0;
  }
  .tq-ticker-set .tq:last-child{grid-column:1/-1;max-width:1040px}
}
@media(prefers-reduced-motion:reduce) and (max-width:760px){
  .tq-ticker-set{grid-template-columns:1fr;gap:28px}
  .tq-ticker-set .tq:last-child{grid-column:auto;max-width:none}
}