/* The example leads. One gesture changes it; the thinking follows underneath. */
.pitch { padding:clamp(58px,4.5vw,72px) 0; min-height:0; }
.pitch__grid { align-items:start; }
.pitch__copy { padding-top:23px; }
.pitch__problem { color:var(--chapter-muted); font:400 clamp(16px,1.6vw,20px)/1.5 var(--font-body); margin:0 0 24px; max-width:27ch; }
.pitch__screen { border:1px solid #ffffff24; border-radius:8px; box-shadow:0 16px 50px #0002; }
.pitch__choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:16px 0 0; }
.pitch__choices button { min-width:0; padding:10px 8px; font-size:12px; line-height:1.3; border-radius:6px; }
.pitch__choices button:disabled { opacity:.58; border-style:solid; }
.pitch__launch { justify-content:space-between; gap:22px; margin-top:15px; min-height:110px; }
.pitch__throw { position:relative; flex:0 0 auto; gap:14px; min-height:100px; padding:4px 0; }
.pitch__throw-label { display:block; font:italic 19px/1.2 var(--font-aside); position:relative; padding-bottom:28px; }
.pitch__gesture { position:absolute; left:23px; top:20px; width:87px; height:49px; fill:none; stroke:var(--chapter-accent); stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; transform:rotate(-13deg); }
.pitch__throw img { width:76px; height:76px; animation:curveball-invites 9s linear infinite; animation-play-state:paused; }
.pitch[data-inviting="true"] .pitch__throw img { animation-play-state:running; }
.pitch[data-flight="flying"] .pitch__throw img { animation-play-state:paused; }
.pitch__throw:hover img { filter:drop-shadow(0 0 16px #b69dfd55); }
.pitch__explore { display:inline-flex; align-items:center; justify-content:space-between; gap:14px; max-width:22ch; min-height:44px; font:13px/1.5 var(--font-body); color:var(--chapter-accent); text-decoration:none; border-bottom:1px solid #ffffff40; }
.pitch__explore:hover { border-color:currentColor; }
.pitch__explore:focus-visible { outline:2px solid var(--chapter-accent); outline-offset:5px; }
.pitch__thinking { max-width:none; margin:19px 0 0; padding:21px 0 0; border:0; border-top:1px solid #ffffff30; border-radius:0; background:none; }
.pitch__thinking::before { display:none; }
.pitch__thinking h3 { font:italic 18px/1.3 var(--font-aside); text-transform:none; letter-spacing:0; display:block; padding:0; border:0; margin:0 0 9px; }
.pitch__thinking .pitch__decisions { font-size:14px; line-height:1.65; max-width:63ch; }
.pitch__thinking.is-fresh { animation:none; }
.brand-study__products { bottom:23px; }
.brand-study__note { bottom:30px; }
.brand-study[data-design="choose"] .brand-study__photo { padding-bottom:35px; }
.idea-study__dial { bottom:25px; }
.flow-board { padding-bottom:25px; }
.flow-board[data-system="connected"] { padding-bottom:25px; }
.pitch:not([data-flight]) .pitch__choices,.pitch:not([data-flight]) .pitch__throw { display:none; }
.pitch:not([data-flight]) .pitch__launch { min-height:44px; }
@keyframes curveball-invites { 0% {transform:rotate(0deg) scale(.95)} 25% {transform:rotate(90deg) scale(1.04)} 50% {transform:rotate(180deg) scale(.95)} 75% {transform:rotate(270deg) scale(1.04)} 100% {transform:rotate(360deg) scale(.95)} }
@media(max-width:1050px) and (min-width:701px) { .pitch__launch{gap:12px}.pitch__throw{gap:7px}.pitch__throw-label{font-size:17px}.pitch__throw img{width:62px;height:62px}.pitch__explore{font-size:12px;max-width:17ch}.pitch__choices button{font-size:11px} }
@media(max-width:700px) {
  .pitch__copy { display:block; padding:0; }
  .pitch__problem { font-size:16px; margin-bottom:20px; max-width:none; }
  .pitch__desk { margin-top:30px; }
  .pitch__choices { gap:6px; margin-top:12px; }
  .pitch__choices button { font-size:11px; padding:9px 6px; }
  .pitch__launch { gap:17px; min-height:106px; margin-top:12px; }
  .pitch__throw { gap:9px; }
  .pitch__throw-label { font-size:17px; }
  .pitch__throw img { width:64px; height:64px; }
  .pitch__gesture { width:74px; left:18px; }
  .pitch__explore { font-size:12px; max-width:17ch; gap:9px; }
  .pitch__thinking { margin-top:11px; }
  .pitch__thinking .pitch__decisions { font-size:14px; }
  .brand-study__products { bottom:20px; }
  .brand-study__note { bottom:27px; }
  .idea-study__dial { bottom:25px; }
}
@media(max-width:360px) { .pitch__launch{gap:12px}.pitch__throw-label{font-size:16px;max-width:9ch}.pitch__throw img{width:58px;height:58px}.pitch__gesture{top:35px;left:10px;width:65px}.pitch__explore{font-size:11px;max-width:13ch}.pitch__choices button{font-size:10px} }
html.reduce-motion .pitch__throw img { animation:none; }
@media(prefers-reduced-motion:reduce) { .pitch__throw img { animation:none; } }

/* One clear transformation, with its gesture and reasoning beside the work. */
.pitch__grid { grid-template-rows:auto auto 1fr; column-gap:clamp(30px,4.2vw,66px); row-gap:0; }
.pitch__copy { grid-column:1; grid-row:1; padding-top:0; }
.pitch__desk { grid-column:2; grid-row:1 / 4; align-self:stretch; }
.pitch__grid>.pitch__launch { grid-column:1; grid-row:2; margin-top:18px; flex-wrap:wrap; gap:0 20px; }
.pitch__grid>.pitch__thinking { grid-column:1; grid-row:3; align-self:start; margin-top:21px; max-width:43ch; }
.pitch__desk>.pitch__surface { height:100%; }
.pitch__screen { height:100%; min-height:490px; }
.pitch[data-current-route="flow"] .pitch__screen { height:100%; }
.pitch .pitch__title { font-size:clamp(48px,5vw,74px); }
.pitch__grid>.pitch__launch .pitch__throw { gap:10px; min-height:94px; }
.pitch__grid>.pitch__launch .pitch__throw-label { font-size:18px; }
.pitch__grid>.pitch__launch .pitch__explore { max-width:none; margin-top:0; }
.pitch__grid>.pitch__thinking .pitch__decisions { font-size:14px; line-height:1.6; }
.pitch__grid>.pitch__thinking h3 { font-size:20px; }
.pitch__desk .pitch__result { position:absolute; }
.brand-study[data-design="outdated"]> :not(.brand-study__old) { visibility:hidden; }
.brand-study__old { position:absolute; inset:0; z-index:3; padding:20px 24px 16px; background:#deddd6; color:#292923; font:13px/1.45 Arial,sans-serif; text-align:center; }
.brand-study__old-top { padding:18px 10px; background:#677553; border:3px double #f4f0dc; color:#fff8db; font:bold clamp(23px,2.6vw,34px)/1.2 Georgia,serif; text-shadow:1px 2px #34402a; }
.brand-study__old-nav { padding:10px 0; color:#17497a; font-size:10px; word-spacing:7px; text-decoration:underline; background:#f0eee7; border-bottom:1px solid #aaa; }
.brand-study__old-nav span { color:#8a8b83; }
.brand-study__old-body { background:#fffef9; border:1px solid #a8aba0; border-top:0; padding:17px 18px 13px; }
.brand-study__old-welcome { font:bold 18px/1.2 Georgia,serif; color:#4c5e3c; margin:0 0 14px; }
.brand-study__old-body img { width:200px; height:125px; max-width:80%; object-fit:cover; border:4px solid #fff; outline:1px solid #aba99d; margin:0 auto 15px; filter:saturate(.55); }
.brand-study__old-body h3 { font:bold 18px/1.3 Georgia,serif; margin:0 0 7px; }
.brand-study__old-body>p:not(.brand-study__old-welcome) { max-width:39ch; margin:0 auto 12px; font:12px/1.5 Arial,sans-serif; }
.brand-study__old-link { display:inline-block; color:#17497a; text-decoration:underline; margin-bottom:15px; }
.brand-study__old-body .brand-study__old-hours { font-size:10px!important; margin-bottom:0!important; }
.brand-study__old-footer { font-size:9px; padding-top:12px; color:#595b51; }
.idea-study { transition:background .6s,color .6s; }
@media(min-width:701px) and (max-width:1100px) {
  .pitch__grid { grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr); column-gap:26px; }
  .pitch .pitch__title { font-size:clamp(42px,5.2vw,55px); }
  .pitch__problem { font-size:16px; margin-bottom:18px; }
  .pitch__grid>.pitch__launch { margin-top:12px; }
  .pitch__grid>.pitch__launch .pitch__throw-label { font-size:17px; }
  .pitch__grid>.pitch__launch .pitch__throw img { width:60px; height:60px; }
  .pitch__grid>.pitch__thinking { margin-top:16px; padding-top:17px; }
  .brand-study__old { padding:14px; }
}
@media(max-width:700px) {
  .pitch__grid { display:flex; flex-direction:column; gap:0; }
  .pitch__copy { order:1; width:100%; }
  .pitch__desk { order:2; width:100%; margin-top:26px; }
  .pitch__grid>.pitch__launch { order:3; width:100%; margin-top:10px; flex-wrap:nowrap; gap:14px; }
  .pitch__grid>.pitch__thinking { order:4; margin-top:12px; max-width:none; width:100%; }
  .pitch .pitch__title { font-size:clamp(44px,11.4vw,66px); }
  .pitch__screen { height:416px; min-height:0; }
  .pitch[data-current-route="flow"] .pitch__screen { height:auto; }
  .pitch__grid>.pitch__launch .pitch__throw-label { font-size:17px; }
  .pitch__grid>.pitch__launch .pitch__explore { font-size:12px; max-width:17ch; }
  .brand-study__old { padding:12px; }
  .brand-study__old-top { padding:14px 8px; font-size:24px; }
  .brand-study__old-nav { font-size:8px; word-spacing:4px; }
  .brand-study__old-body { padding:13px; }
  .brand-study__old-welcome { font-size:17px; margin-bottom:12px; }
  .brand-study__old-body img { height:95px; width:175px; margin-bottom:13px; }
  .brand-study__old-body h3 { font-size:17px; }
  .brand-study__old-body>p:not(.brand-study__old-welcome) { font-size:11px; margin-bottom:8px; }
  .brand-study__old-link { font-size:11px; margin-bottom:10px; }
  .brand-study__old-footer { padding-top:9px; font-size:8px; }
}
@media(max-width:360px) {
  .idea-study__words { font-size:68px; }
  .idea-study[data-experiment="space"] .idea-study__words { font-size:74px; }
  .brand-study__old-top { font-size:21px; }
  .brand-study__old-body img { height:90px; }
  .pitch__grid>.pitch__launch .pitch__throw-label { font-size:15px; }
  .pitch__grid>.pitch__launch .pitch__explore { font-size:11px; max-width:13ch; }
  .pitch__grid>.pitch__launch .pitch__throw { gap:6px; }
}
html.reduce-motion .idea-study { transition:none; }
@media(prefers-reduced-motion:reduce) { .idea-study { transition:none; } }
/* The demos' links are buttons now (Troy, 1 Nov 2026). */
.pitch__explore.btn { max-width:none; justify-content:center; gap:10px; font-size:14px; color:var(--chapter-accent); border:1px solid currentColor; }