/* Make the cause and the result visible in the scene, before anyone reads on. */
.pitch__instruction { margin:0 0 13px; padding-left:13px; border-left:2px solid var(--chapter-accent); }
.pitch__instruction,.pitch__screen { scroll-margin-top:82px; }
.pitch__instruction>span { display:block; font:9px/1.5 var(--font-mono); letter-spacing:.06em; text-transform:uppercase; color:#bfc0d4; }
.pitch__instruction p { margin:4px 0 0; font-size:13px; line-height:1.45; color:#f2eaf9; }

.pitch__scene-caption { position:absolute; z-index:5; left:0; bottom:0; width:100%; padding:12px 20px; min-height:48px; background:#fffdf6ed; color:#1b2924; border-top:1px solid #273a2622; display:flex; justify-content:space-between; gap:10px; align-items:center; }
.pitch__scene-caption b { font:600 12px/1.4 var(--font-body); }
.pitch__scene-caption span { font:10px/1.4 var(--font-body); text-align:right; max-width:25ch; }
.pitch__choices button:disabled { opacity:.48; cursor:default; border-style:dashed; }
.pitch__throw small { max-width:34ch; font:12px/1.4 var(--font-body); margin-top:6px; }
.pitch__reset { max-width:90px; line-height:1.5; }
.pitch__stamp { top:15px; width:30px; height:30px; right:15px; }
.brand-study__products { bottom:65px; }
.brand-study__note { bottom:74px; }
.brand-study__copy { transition:margin-top .65s cubic-bezier(.2,.8,.2,1),max-width .65s; }
.brand-study__photo { transition:object-position .7s,filter .7s,width .7s,padding .7s; }
.brand-study[data-design="explore"] .brand-study__products { animation:counter-arrives .6s cubic-bezier(.2,.8,.2,1) both; }
.brand-study[data-design="choose"] .brand-study__order { animation:counter-arrives .6s cubic-bezier(.2,.8,.2,1) both; }
.brand-study[data-design="choose"] .brand-study__copy { max-width:52%; }
.brand-study[data-design="choose"] .brand-study__photo { right:0; width:55%; padding:35px 5px 95px; background:#e5c3b5; border-radius:50% 50% 0 0; top:60px; height:calc(100% - 60px); }
@keyframes counter-arrives { from {opacity:0;transform:translateY(24px)} to {opacity:1;transform:none} }

/* The disconnected tools are real, recognisable shapes, with one job in common. */
.flow-board { position:relative; padding:22px 25px 58px; background:#e9e8e3; overflow:hidden; transition:background .7s; }
.flow-board__heading { display:flex; gap:11px; align-items:center; min-height:38px; padding-right:30px; position:relative; z-index:3; }
.flow-board__heading>span { font:8px var(--font-mono); letter-spacing:.09em; background:#1c2e29; color:#fffdf6; padding:6px 7px; border-radius:3px; }
.flow-board__heading :is(h2,h3) { font:700 clamp(19px,2.05vw,28px)/1.08 var(--font-display); letter-spacing:-.035em; }
.flow-board__scene { position:relative; height:332px; margin-top:13px; }
.flow-board__mess { position:absolute; inset:0; }
.work-window { position:absolute; border:1px solid #c6c5c8; border-radius:6px; background:#fffdfa; box-shadow:0 9px 18px #27253519; overflow:hidden; color:#26302f; transition:left .6s cubic-bezier(.6,0,.2,1),top .6s cubic-bezier(.6,0,.2,1),transform .6s cubic-bezier(.6,0,.2,1),opacity .3s; transition-delay:calc(var(--i,0) * 45ms); transform-origin:center; }
.work-window header { display:flex; align-items:center; gap:7px; height:28px; padding:0 11px; background:#edeaf3; border-bottom:1px solid #ceccd4; font:9px var(--font-body); }
.work-window header i { font-style:normal; font-size:15px; }
.work-window header small { margin-left:auto; font:8px var(--font-mono); color:#725987; }
.work-window>div { padding:13px; }
.work-window small { font:8px/1.5 var(--font-mono); color:#6c6b70; }
.work-window strong { display:block; font:600 15px/1.2 var(--font-body); margin-top:6px; }
.work-window p { font:11px/1.5 var(--font-body); margin-top:8px; }
.work-window__tag { display:inline-block; color:#6f4537; background:#f2d8c4; font:8px var(--font-body); padding:4px 6px; border-radius:3px; margin-top:10px; }
.work-window--mail { --i:0; left:1%; top:34px; width:57%; transform:rotate(-6deg); z-index:2; }
.work-window--calendar { --i:1; left:57%; top:0; width:42%; transform:rotate(5deg); z-index:1; }
.work-window--calendar header { background:#d9e8e6; }
.work-window--calendar strong { font-size:19px; color:#3b635b; }
.work-window--calendar strong em { display:block; font:11px var(--font-body); color:#24322d; margin-top:6px; }
.work-window__calendar { display:flex; gap:4px; margin-top:12px; }
.work-window__calendar i { display:block; width:16%; height:6px; background:#dae4df; }
.work-window__calendar i:first-child { background:#718b7c; }
.work-window--sheet { --i:2; left:28%; top:145px; width:66%; transform:rotate(-2deg); z-index:3; }
.work-window--sheet header { background:#d9e6d3; }
.work-window .work-window__sheet { display:grid; grid-template-columns:1fr 1fr 1fr; padding:0; }
.work-window__sheet>* { padding:7px 8px; border-right:1px solid #d9dfd5; border-bottom:1px solid #d9dfd5; font:9px var(--font-mono); }
.work-window__sheet>span { background:#f1f3eb; font-size:7px; }
.work-window__sheet>b { font-weight:400; }
.work-window--chat { --i:3; left:53%; top:235px; width:46%; transform:rotate(5deg); z-index:4; }
.work-window--chat>div { padding:8px 11px; }
.work-window--chat p { border-radius:4px; padding:5px 8px; background:#ece6f4; margin:0 0 4px; font-size:10px; }
.work-window--chat p:last-child { background:#dceadf; margin-left:20px; margin-bottom:0; }
.work-window--note { --i:4; left:2%; top:201px; width:34%; padding:13px 15px; transform:rotate(-9deg); background:#f8e9a7; border-color:#e4d58c; border-radius:0; z-index:5; }
.work-window--note strong { font:italic 20px/1.1 var(--font-aside); font-weight:400; }
.work-window--note>span { display:block; font:italic 16px var(--font-aside); color:#83684b; margin-top:9px; transform:rotate(-5deg); }
.flow-board[data-system="connected"] { background:#dce9e4; }
.flow-board[data-system="connected"] .work-window { left:50%; top:45%; transform:translate(-50%,-50%) scale(.16) rotate(0deg); opacity:0; pointer-events:none; }
.flow-board__connected { position:relative; height:100%; animation:system-arrives .9s cubic-bezier(.2,.8,.2,1) both; }
@keyframes system-arrives { 0%,35% {opacity:0;transform:translateY(15px) scale(.86)} 100% {opacity:1;transform:none} }
.flow-hub { background:#fffdf7; border:1px solid #acbdb3; padding:17px 20px; box-shadow:0 8px 24px #29483a10; border-radius:5px; }
.flow-hub__id { display:flex; justify-content:space-between; gap:7px; font:8px/1.3 var(--font-mono); color:#50665a; }
.flow-hub__id>b { font-size:7px; color:#356345; font-weight:400; }
.flow-hub h3 { font:700 clamp(25px,2.6vw,34px)/1.04 var(--font-display); letter-spacing:-.04em; margin:16px 0 6px; }
.flow-hub__date { font:17px var(--font-body); color:#325246; }
.flow-hub__meta { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:16px 0 12px; font-size:12px; }
.flow-hub__meta small { display:block; text-transform:uppercase; font:8px/1.5 var(--font-mono); color:#65786f; margin-bottom:4px; }
.flow-hub__note { font:11px/1.5 var(--font-body); border-top:1px solid #d5e0d7; padding-top:10px; min-height:42px; }

/* The type experiment becomes something to play with after the throw. */
.idea-study__aside { top:52px; bottom:auto; left:30px; right:30px; font-size:20px; line-height:1.2; max-width:27ch; }
.idea-study__words { top:131px; }
.idea-study__dial { position:absolute; z-index:4; bottom:64px; left:30px; right:30px; display:grid; grid-template-columns:1fr auto; gap:7px 15px; }
.idea-study__dial>span { font:11px var(--font-body); font-weight:600; }
.idea-study__dial small { font:9px var(--font-mono); grid-column:2; grid-row:1; }
.idea-study__dial input { grid-column:1/-1; width:100%; accent-color:currentColor; cursor:ew-resize; height:26px; }
.idea-study[data-experiment="bend"] .idea-study__words span:nth-child(2) { transform:rotate(calc(-9deg + var(--idea-tilt,0deg))) translate(25px,7px); }
.idea-study[data-experiment="space"] .idea-study__words { font-size:clamp(82px,8.5vw,120px); transform:scale(var(--idea-scale,1)); transform-origin:top left; }
.idea-study[data-experiment="break"] .idea-study__words span:nth-child(1) { transform:rotate(calc(-9deg + var(--idea-tilt,0deg))) translate(calc(40px + var(--idea-shift,0px)),-10px); }
.idea-study[data-experiment="break"] .idea-study__words span:nth-child(2) { transform:rotate(calc(8deg - var(--idea-tilt,0deg))) translate(3px,15px); }
.idea-study .idea-study__words { max-width:85%; }
.idea-study .idea-study__ring { pointer-events:none; }
@media(min-width:1600px) { .pitch__screen{height:490px}.flow-board__scene{height:346px}.flow-hub{padding:22px} }
@media(max-width:1050px) and (min-width:701px) { .pitch__screen{height:465px}.flow-board{padding:19px 17px 60px}.flow-board__heading{gap:7px}.flow-board__heading :is(h2,h3){font-size:21px}.flow-board__scene{height:332px}.flow-hub{padding:16px}.work-window strong{font-size:13px}.work-window--note strong{font-size:19px}.pitch__scene-caption{padding:10px 14px}.pitch__scene-caption span{max-width:19ch} }
@media(max-width:700px) {
  .pitch__screen { height:416px; }

  .pitch__instruction { margin-bottom:11px; padding-left:10px; }
  .pitch__instruction>span {font-size:8px}.pitch__instruction p{font-size:12px;max-width:33ch}
  .pitch__scene-caption {padding:10px 14px;gap:8px;min-height:48px}.pitch__scene-caption b{font-size:10px;max-width:19ch}.pitch__scene-caption span{font-size:9px;max-width:21ch}
  .brand-study__products{bottom:63px}.brand-study__note{bottom:67px}.brand-study[data-design="choose"] .brand-study__title{font-size:41px}.brand-study[data-design="choose"] .brand-study__copy{margin-top:31px;max-width:58%}.brand-study[data-design="choose"] .brand-study__photo{width:51%;padding:30px 0 94px;top:62px}
  .pitch__throw small{font-size:10px;max-width:27ch}.pitch__reset{font-size:10px;max-width:68px}
  .flow-board {padding:17px 14px 59px}.flow-board__heading{gap:8px;padding-right:22px;align-items:start}.flow-board__heading :is(h2,h3){font-size:23px;max-width:15ch}.flow-board__heading>span{font-size:7px;margin-top:3px;padding:5px}.flow-board__scene{height:323px;margin-top:14px}
  .work-window--mail {width:61%;left:0;top:42px}.work-window header{font-size:8px;padding:0 8px;gap:5px;height:25px}.work-window header small{font-size:7px}.work-window>div{padding:10px}.work-window strong{font-size:12px}.work-window p{font-size:9px}.work-window small{font-size:7px}.work-window__tag{font-size:7px;margin-top:7px}
  .work-window--calendar{left:58%;width:42%;top:0}.work-window--calendar strong{font-size:16px}.work-window--calendar strong em{font-size:10px}.work-window__calendar{margin-top:9px}
  .work-window--sheet{left:26%;width:74%;top:167px}.work-window__sheet>*{font-size:8px;padding:7px 5px}.work-window__sheet>span{font-size:7px}
  .work-window--chat{left:42%;width:58%;top:218px}.work-window--chat>div{padding:7px}.work-window--chat p{font-size:9px;padding:5px;margin-top:0}.work-window--note{top:180px;left:0;width:39%;padding:12px 10px}.work-window--note strong{font-size:17px}.work-window--note>span{font-size:15px;margin-top:7px}
  .idea-study__aside{left:20px;right:20px;top:47px;font-size:18px;max-width:24ch}.idea-study__words{top:116px;font-size:78px}.idea-study[data-experiment="space"] .idea-study__words{font-size:84px}.idea-study__dial{left:20px;right:20px;bottom:62px}.idea-study__dial>span{font-size:10px}.idea-study__dial small{font-size:8px}
}
html.reduce-motion .flow-board__connected {animation:none!important}
@media(prefers-reduced-motion:reduce){.flow-board__connected{animation:none!important}}
/* Let longer review messages grow the job instead of covering its view controls. */
.pitch[data-current-route="flow"] .pitch__screen {height:auto;min-height:468px}
.flow-board {height:auto}
.flow-board__scene,.flow-board__connected {height:auto;min-height:332px}
@media(max-width:700px){.pitch[data-current-route="flow"] .pitch__screen{min-height:458px}.flow-board__scene,.flow-board__connected{min-height:323px}}
@media(min-width:1600px){.pitch[data-current-route="flow"] .pitch__screen{min-height:490px}.flow-board__scene,.flow-board__connected{min-height:346px}}

/* A studio annotation: quieter than the work, with a response at each landing. */
.pitch__thinking { position:relative; max-width:43ch; padding:21px 23px 23px; border:1px solid #ffffff26; border-left:3px solid var(--chapter-accent); border-radius:0 16px 16px 16px; background:linear-gradient(130deg,#ffffff0b,transparent 85%); }
.pitch__thinking::before { content:'↳'; position:absolute; right:18px; top:13px; font:26px var(--font-aside); color:var(--chapter-accent); }
.pitch__thinking h3 { display:table; margin-bottom:13px; padding-bottom:7px; border-bottom:1px solid var(--chapter-accent); color:var(--chapter-accent); scroll-margin-top:115px; }
.pitch__thinking .pitch__decisions { line-height:1.7; }
.pitch__thinking.is-fresh { animation:thinking-arrives 1.5s ease-out both; }
.pitch__actions .pitch__thinking-link { color:var(--chapter-accent); text-decoration:none; border-bottom:1px solid currentColor; padding:9px 0; }
@keyframes thinking-arrives { 0% {background-color:#ffffff28;box-shadow:0 0 0 6px #ffffff10} 100% {background-color:transparent;box-shadow:0 0 0 0 transparent} }

/* Good Form's Daybook: a considered company workspace, down to its own mark. */
.flow-board[data-system="connected"] { background:#f4ebdf; padding-bottom:80px; }
.flow-board[data-system="connected"] .flow-board__heading>span { background:#bb513d; }
.flow-board[data-system="connected"] .flow-board__heading { color:#342e2b; }
.flow-board__connected { color:#342e2b; min-height:0; }
.flow-brand { display:flex; align-items:center; gap:9px; border-bottom:1px solid #3a30282b; padding:2px 0 13px; margin-bottom:17px; }
.flow-brand__mark { display:grid; place-items:center; background:#bb513d; color:#fff4e8; width:36px; height:36px; border-radius:50% 50% 50% 5px; font:italic 30px/1 var(--font-aside); }
.flow-brand b { font:600 24px/1 var(--font-display); letter-spacing:-1px; }
.flow-brand small { display:block; font:6px/1.5 var(--font-mono); letter-spacing:.09em; margin-top:4px; }
.flow-brand__edition { margin-left:auto; text-align:right; font:7px/1.8 var(--font-mono); letter-spacing:.07em; }
.flow-hub { background:transparent; border:0; padding:0; border-radius:0; box-shadow:none; }
.flow-hub__welcome { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:18px; }
.flow-hub__welcome>div>span { font:7px/1.4 var(--font-mono); letter-spacing:.06em; color:#825546; }
.flow-hub .flow-hub__welcome h3 { font:500 clamp(35px,3.6vw,50px)/.98 var(--font-display); margin:9px 0 0; letter-spacing:-.045em; }
.flow-hub__welcome h3 em { font:italic 1.07em/.95 var(--font-aside); color:#a34634; }
.flow-orbit { position:relative; width:94px; height:94px; display:grid; place-items:center; flex-shrink:0; margin-right:12px; }
.flow-orbit i { position:absolute; inset:0; border:1px solid #b4564077; border-radius:50%; transform:rotate(35deg) scaleX(.4); }
.flow-orbit i:nth-child(2) { transform:rotate(95deg) scaleX(.4); }
.flow-orbit i:nth-child(3) { transform:rotate(155deg) scaleX(.4); }
.flow-orbit b { font:italic 37px/1 var(--font-aside); color:#a34634; }
.flow-job { border-radius:10px; padding:18px 20px; background:#fffbf5; box-shadow:0 7px 18px #593b2310; border:1px solid #dbcbb8; position:relative; }
.flow-job::before { content:''; position:absolute; width:4px; height:30px; background:#bb513d; left:-1px; top:44px; border-radius:0 3px 3px 0; }
.flow-hub__id { color:#746459; font-size:8px; }
.flow-hub__id>b { color:#326052; font:7px var(--font-mono); border-radius:20px; padding:4px 6px; margin-top:-3px; background:#e9f0e8; }
.flow-job h4 { font:500 24px/1.1 var(--font-display); letter-spacing:-.025em; margin:13px 0 6px; }
.flow-hub__date { font:13px var(--font-body); color:#9b4938; }
.flow-hub__meta { margin:17px 0 12px; font-size:12px; gap:18px; }
.flow-hub__meta small { font-size:7px; color:#746459; }
.flow-hub__meta>div>span { display:flex; align-items:center; gap:6px; min-height:24px; }
.flow-person { display:grid; place-items:center; width:23px; height:23px; border-radius:50%; background:#e8caba; color:#713c2e; font:11px var(--font-body); }
.flow-hub__note { color:#63574b; font-size:10px; border-color:#e4dacd; min-height:0; }
.flow-hub__foot { display:flex; flex-wrap:wrap; justify-content:space-between; gap:9px; padding:13px 1px 3px; align-items:center; }
.flow-hub__foot span { font:9px/1.5 var(--font-body); }
.flow-hub__foot i { font-style:normal; color:#35745f; margin-right:3px; }
.flow-hub__foot small { font:6px/1.5 var(--font-mono); letter-spacing:.06em; color:#8b7364; }
.flow-board[data-system="connected"] .flow-board__scene { min-height:0; }
@media(max-width:1050px) and (min-width:701px) { .flow-hub {padding:0}.flow-hub__welcome h3{font-size:37px}.flow-orbit{width:72px;height:72px;margin:0}.flow-brand__edition{font-size:6px}.flow-job{padding:16px} }
@media(max-width:700px) { .pitch__thinking{max-width:none;padding:18px 20px}.pitch__actions{gap:10px 18px}.flow-hub{padding:0}.flow-brand{margin-bottom:15px}.flow-brand__edition{font-size:6px;max-width:15ch}.flow-brand b{font-size:24px}.flow-brand small{font-size:5px}.flow-hub .flow-hub__welcome h3{font-size:38px}.flow-orbit{width:65px;height:65px;margin-right:4px}.flow-orbit b{font-size:29px}.flow-job{padding:16px 14px}.flow-job h4{font-size:24px}.flow-hub__meta{font-size:12px}.flow-hub__foot small{font-size:6px}.flow-hub__welcome>div>span{font-size:6px} }
html.reduce-motion .pitch__thinking.is-fresh {animation:none}
@media(prefers-reduced-motion:reduce){.pitch__thinking.is-fresh{animation:none}}

/* Get found: the same bakery, before and after it becomes easy to find. */
.pitch--found { --chapter-accent:#a9d8ff; --chapter-muted:#bccad8; background:#0c1b2e; border-top:1px solid #ffffff14; }
.found-study { position:relative; height:100%; display:flex; flex-direction:column; gap:12px; padding:22px 25px 24px; background:#edf0ea; color:#171b19; overflow:hidden; transition:background .7s; }
.found-study[data-state="found"] { background:#f4f6ef; }
.found-study__head { display:flex; gap:11px; align-items:center; min-height:38px; padding-right:30px; }
.found-study__head>span { font:8px var(--font-mono); letter-spacing:.09em; background:#16283d; color:#fffdf6; padding:6px 7px; border-radius:3px; transition:background .5s; }
.found-study[data-state="found"] .found-study__head>span { background:#6030b2; }
.found-study__head h3 { font:700 clamp(19px,2.05vw,28px)/1.08 var(--font-display); letter-spacing:-.035em; }
.found-study__search { display:flex; gap:9px; align-items:center; padding:10px 16px; border-radius:999px; background:#fff; border:1px solid #d7dcd6; box-shadow:0 4px 12px #16283d14; font-size:14px; }
.found-study__search span { color:#6a7280; }
.found-study__body { flex:1; min-height:0; display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:14px; }
.found-study__map { position:relative; border-radius:14px; overflow:hidden; background:linear-gradient(90deg,transparent 47%,#fff 47% 53%,transparent 53%) 0 0/64px 100%,linear-gradient(0deg,transparent 46%,#fff 46% 54%,transparent 54%) 0 0/100% 58px,#dde6e0; }
.found-study__map::after { content:""; position:absolute; left:-20%; right:-20%; top:54%; height:22px; background:#c6dbe4; transform:rotate(-12deg); }
.found-study__map i, .found-study__map b { position:absolute; z-index:1; left:var(--x); top:var(--y); width:16px; height:16px; margin:-16px 0 0 -8px; border-radius:50% 50% 50% 0; transform:rotate(-45deg); background:#8e95a3; }
.found-study__map b { width:26px; height:26px; margin:-26px 0 0 -13px; background:#7a3bff; box-shadow:0 8px 18px #7a3bff66; opacity:0; transform:rotate(-45deg) scale(.4); transition:opacity .45s,transform .6s cubic-bezier(.2,.9,.3,1.3); }
.found-study__map em { position:absolute; z-index:2; left:var(--x); top:calc(var(--y) + 6px); transform:translateX(-50%); padding:6px 8px; border-radius:7px; background:#fff; color:#171b19; box-shadow:0 6px 14px #16283d26; font:700 11px/1 var(--font-body); font-style:normal; white-space:nowrap; opacity:0; transition:opacity .45s .2s; }
.found-study[data-state="found"] .found-study__map b { opacity:1; transform:rotate(-45deg) scale(1); }
.found-study[data-state="found"] .found-study__map em { opacity:1; }
.found-study__list { display:flex; flex-direction:column; gap:8px; min-width:0; }
.found-study__list--after { animation:counter-arrives .6s cubic-bezier(.2,.8,.2,1) both; }
.found-hit { padding:9px 12px; border-radius:12px; background:#fff; border:1px solid #e0e4de; font-size:11.5px; line-height:1.35; color:#5b6170; }
.found-hit b { display:block; font:700 14px/1.2 var(--font-display); letter-spacing:-.01em; color:#171b19; }
.found-hit span { display:block; margin-top:2px; color:#9a5b00; }
.found-hit small { display:block; font:10px var(--font-mono); color:#5f6368; }
.found-hit--plain b { margin:2px 0; font:500 14px/1.3 var(--font-body); color:#1a0dab; }
.found-hit--top { border-color:#b69cf5; box-shadow:0 12px 26px -12px #7a3bff59; }
.found-hit--top small { margin-top:4px; font:italic 12.5px/1.3 var(--font-aside); color:#383d5c; }
.found-hit em { display:flex; flex-wrap:wrap; gap:5px; margin-top:8px; font-style:normal; }
.found-hit em i { padding:4px 9px; border-radius:999px; background:#ece8fb; color:#4a2a99; font-style:normal; font-weight:600; font-size:10.5px; }
.found-hit--dim b { color:#6b6f80; }
.found-hit--dim span { color:#8a6a3a; }
.found-ai { margin-top:auto; padding:9px 12px; border-radius:12px 12px 12px 3px; background:#ece8fb; font-size:11.5px; line-height:1.4; color:#2c2f45; }
.found-ai small { display:block; margin-bottom:2px; font:9px var(--font-mono); letter-spacing:.12em; color:#6030b2; }
.found-study[data-state="lost"] .found-ai { background:#e4e6ec; }
@media(min-width:1600px) { .found-hit { font-size:12.5px; } .found-ai { font-size:12.5px; } }
@media(max-width:1050px) and (min-width:701px) { .found-study { padding:19px 17px 20px; } .found-study__body { grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); gap:10px; } .found-hit--dim { display:none; } }
@media(max-width:700px) {
  .found-study { padding:17px 14px 16px; gap:10px; }
  .found-study__head { padding-right:22px; align-items:start; }
  .found-study__head h3 { font-size:23px; }
  .found-study__head>span { font-size:7px; margin-top:3px; padding:5px; }
  .found-study__search { padding:8px 14px; font-size:13px; }
  .found-study__body { grid-template-columns:minmax(0,1fr); grid-template-rows:70px minmax(0,1fr); gap:10px; }
  .found-study__list:not(.found-study__list--after) .found-hit:nth-child(2), .found-hit--web, .found-hit--dim { display:none; }
  .found-hit { padding:8px 11px; }
}
@media(max-width:400px) { .found-study__head h3 { font-size:20px; } .found-study__body { grid-template-rows:56px minmax(0,1fr); } .found-study__list:not(.found-study__list--after) .found-hit:first-child { display:none; } }
@media(prefers-reduced-motion:reduce) { .found-study__list--after { animation:none; } .found-study__map b, .found-study__map em { transition:none; } }