/* The free brand teardown page (teardown.html), in the homepage's grammar: no borders on cards, square corners,
   Bespoke Serif to say it, Inter to explain it, Helvena capitals to label it. The form card is white on the off-white sheet. */
body{background:var(--page)}
.td-hero{background:var(--mount);padding:150px 0 110px}
.td-hero__in{display:grid;grid-template-columns:1fr minmax(420px,520px);gap:clamp(40px,7vw,120px);align-items:start}
.td-hero__l .eyebrow{margin-bottom:22px}
.td-hero__l .h2{max-width:12ch}
.td-hero__l .lede{margin-top:24px;max-width:470px}
.td-ask{margin-top:44px;font-size:16px;font-weight:550;color:var(--ink)}
.td-qs{margin-top:16px;display:grid;gap:12px;max-width:470px}
.td-qs li{display:flex;gap:12px;font-size:16px;line-height:1.4;color:var(--body)}
.td-qs{gap:0}.td-qs li{padding:11px 0;border-bottom:.5px solid var(--hair)}   /* plain hairline rows, no bullets */

/* the form card: fields, then the calendar replaces them */
.td-form{background:#fff;padding:36px 34px 36px;position:sticky;top:96px}
.td-form .h3{margin-bottom:22px}
.td-f{display:grid;gap:16px}
.td-f .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.td-f label{display:grid;gap:7px;font-family:var(--label);font-weight:600;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.td-f label em{font-family:var(--text);font-style:normal;font-weight:450;font-size:12px;letter-spacing:0;text-transform:none;color:var(--muted)}
.td-f input,.td-f select,.td-f textarea{font:inherit;font-family:var(--text);font-size:15px;font-weight:450;letter-spacing:0;text-transform:none;color:var(--ink);background:var(--mount);border:0;border-radius:0;padding:12px 12px;width:100%;appearance:none}
.td-f select{background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 52%,calc(100% - 13px) 52%;background-size:5px 5px;background-repeat:no-repeat;padding-right:34px}
.td-f textarea{resize:vertical;min-height:72px}
.td-f input:focus,.td-f select:focus,.td-f textarea:focus{outline:1.5px solid var(--ink);outline-offset:0}
.td-f .btn{width:100%;justify-content:space-between;margin-top:6px}
.td-err{min-height:1.2em;font-size:13px;color:#A33}
.td-fine{font-size:12.5px;line-height:1.45;color:var(--muted)}
.td-cal{margin:-6px -10px 0;min-height:660px;display:flex}
.td-cal iframe{border:0;width:100%;min-height:660px}
.td-mock{display:flex;flex-direction:column;gap:16px;width:100%}
.td-days{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.td-days div{display:flex;flex-direction:column;gap:6px}
.td-days b{font-family:var(--label);font-weight:600;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
.td-days span{background:var(--mount);font-size:12.5px;padding:9px 4px;text-align:center;color:var(--body)}
.td-preview{font-size:12.5px;line-height:1.45;color:#8a5a00;background:#FFF6E0;padding:10px 12px}

/* what the call covers, and the offer it leads to */
.td-three{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:56px}
.td-three>div{background:var(--mount);padding:32px 30px 36px}
.td-three .h3{margin:14px 0 12px}
.td-offer{background:var(--mount)}
.td-offer__in{display:grid;grid-template-columns:1fr minmax(320px,440px);gap:clamp(40px,6vw,96px);align-items:start}   /* the week on the left, the sizzle beside it */
.td-film{position:sticky;top:96px;margin:0}.td-film video{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:#001014}
.td-line{display:grid;grid-template-columns:1fr;gap:12px;margin-top:48px}
.td-line li{background:#fff;padding:30px 28px 34px;display:grid;gap:10px;align-content:start}
.td-line b{font-family:var(--serif);font-weight:400;font-size:26px;line-height:1.1;letter-spacing:-.03em;color:var(--ink)}
.td-line p{font-size:15px;line-height:1.45;color:var(--body)}
.td-four{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:64px}
.td-four b{display:block;font-weight:500;font-size:16px;color:var(--ink);margin-bottom:8px}
.td-four p{font-size:14.5px;line-height:1.45;color:var(--body)}
.td-go{display:flex;gap:12px;flex-wrap:wrap;margin-top:56px}

@media (max-width:1000px){
  .td-hero{padding:120px 0 72px}
  .td-hero__in{grid-template-columns:1fr}
  .td-form{position:static}
  .td-three,.td-line,.td-offer__in{grid-template-columns:1fr}.td-film{position:static;max-width:440px}
  .td-four{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  .td-hero{padding:96px 0 56px}.td-ask{margin-top:32px}.td-qs li{font-size:15px}   /* phone: one line per question, the form closer to the top */
  .td-form{padding:28px 20px}
  .td-f .two,.td-four{grid-template-columns:1fr}
  .td-days{grid-template-columns:repeat(3,1fr)}
}