/* Three scroll chapters. Each keeps its own example, decision and throw. */
.pitch { --chapter-accent:#d2c3ff; --chapter-muted:#c4c6d8; background:#0d1024; color:#f5efe6; padding:clamp(60px,6vw,90px) 0 32px; overflow:hidden; scroll-margin-top:56px; }
.pitch--flow { --chapter-accent:#b6e3cc; --chapter-muted:#bfcec7; background:#102720; border-top:1px solid #ffffff14; }
.pitch--idea { --chapter-accent:#f2c0a6; --chapter-muted:#d4c5d2; background:#261c2a; border-top:1px solid #ffffff14; }
.pitch__grid { display:grid; grid-template-columns:minmax(0,.83fr) minmax(0,1.3fr); gap:clamp(28px,5vw,76px); align-items:center; }
.pitch__eyebrow, .pitch__foot, .pitch__small { font: 10px/1.6 var(--font-mono); letter-spacing: .09em; text-transform: uppercase; }
.pitch__eyebrow { color:var(--chapter-muted); margin-bottom:18px; }
.pitch__chapter { color:var(--chapter-accent); font:10px/1.6 var(--font-mono); letter-spacing:.07em; text-transform:uppercase; margin:0 0 25px; }
.pitch .pitch__title { font:800 clamp(48px,5.5vw,82px)/.99 var(--font-display); letter-spacing:-.06em; max-width:12ch; margin:0; }
.pitch__title em { font-family:var(--font-aside); font-weight:400; color:var(--chapter-accent); letter-spacing:-.045em; }
.pitch__thinking { max-width:39ch; border-left:2px solid var(--chapter-accent); padding-left:18px; margin-top:32px; }
.pitch__thinking h3 { color:var(--chapter-accent); font:10px/1.6 var(--font-mono); letter-spacing:.04em; text-transform:uppercase; margin:0 0 10px; }
.pitch__intro { max-width:36ch; color:var(--chapter-muted); font-size:17px; line-height:1.65; margin:26px 0 0; }
.pitch__direct { display:inline-flex; align-items:center; min-height:44px; font-size:13px; margin-top:22px; color:#f1eaf4; text-underline-offset:5px; }
.pitch__desk { min-width: 0; }
.pitch__bar { display: flex; justify-content: space-between; gap: 12px; align-items: center; color: #b8bcd2; padding: 0 2px 12px; }
.pitch__bar b { color: #c6ff3d; font-weight: 400; }
.pitch__surface { position: relative; isolation: isolate; }
.pitch__screen { position: relative; height: 468px; overflow: hidden; border-radius: 4px; background: #eee3d4; color: #171b19; }
.brand-study { height: 100%; position: relative; isolation: isolate; padding: 25px 30px; overflow: hidden; }
.brand-study__photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; object-position: 65% center; transition: object-position 700ms, filter 700ms; }
.brand-study::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, #f3eadd 0%, #f3eaddf0 26%, #f3eadd55 60%, transparent 100%); }
.brand-study__nav { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.brand-study__logo { font: 19px var(--font-aside); letter-spacing: .1em; }
.brand-study__nav span:last-child { font: 8px var(--font-mono); letter-spacing: .12em; }
.brand-study__copy { margin-top: 48px; position: relative; max-width: 77%; }
.brand-study__kicker { font: 9px var(--font-mono); letter-spacing: .18em; text-transform: uppercase; }
.brand-study__title { font: 500 clamp(40px, 4.5vw, 65px)/.95 var(--font-aside); letter-spacing: -.055em; max-width: 10ch; margin: 12px 0; }
.brand-study__desc { font: 18px/1.2 var(--font-aside); max-width: 21ch; }
.brand-study__note { position: absolute; bottom: 23px; right: 24px; padding: 19px 24px; background: #ecc1b4; transform: rotate(-7deg); font: italic 23px/1 var(--font-aside); box-shadow: 0 6px 20px #30241f1a; }
.brand-study__note small { display: block; font: 8px var(--font-mono); text-transform: uppercase; margin-top: 10px; letter-spacing: .12em; }
.brand-study__products { position: absolute; bottom: 21px; left: 25px; right: 25px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.brand-study__products button { background: #faf2e9ed; border: 1px solid #75554d33; border-radius: 4px; display: grid; grid-template-columns: 49px 1fr; align-items: center; text-align: left; gap: 6px; padding: 8px; font: 11px var(--font-body); }
.brand-study__products img { width: 49px; height: 49px; object-fit: contain; }
.brand-study__products button[aria-pressed="true"] { background: #e8b9ac; border-color: #735449; }
.brand-study[data-design="explore"] .brand-study__copy { margin-top: 33px; }
.brand-study[data-design="explore"] .brand-study__title { font-size: clamp(40px, 4vw, 60px); }
.brand-study[data-design="explore"]:not([data-food="croissant"]) .brand-study__photo { object-fit: contain; width: 68%; left: auto; right: -4%; padding: 45px 0 50px; background: #eee3d4; }
.brand-study[data-design="choose"]::before { background: linear-gradient(90deg,#f3eadd 0%,#f3eadd 40%,#f3eadd11 95%); }
.brand-study[data-design="choose"] .brand-study__photo { object-fit: contain; width: 68%; left: auto; right: -4%; padding-top: 55px; }
.brand-study[data-design="choose"] .brand-study__copy { margin-top: 47px; max-width: 58%; }
.brand-study__order { display: inline-block; background: #1e312c; color: #fff; border-radius: 40px; padding: 13px 17px; text-decoration: none; font: 11px var(--font-body); margin-top: 20px; }
.pitch__choices { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 15px; }
.pitch__choices button { font-size:11px; color:#eee7f3; border:1px solid #ffffff40; padding:10px 12px; border-radius:30px; min-height:44px; }
.pitch__choices button[aria-pressed="true"] { background:var(--chapter-accent); color:#242139; border-color:var(--chapter-accent); }
.pitch__launch { display: flex; align-items: center; gap: 15px; margin-top: 5px; }
.pitch__throw { display: flex; align-items: center; gap: 11px; text-align: left; color: #f5efe6; min-height: 100px; flex: 1; }
.pitch__throw img { width: 76px; height: 76px; object-fit: contain; filter: drop-shadow(0 8px 8px #0004); transition: transform 250ms; }
.pitch__throw:hover img { transform: rotate(-16deg) translateY(-4px); }
.pitch__throw b { display: block; font-size: 15px; font-weight: 500; }
.pitch__throw small { display: block; font: italic 15px var(--font-aside); color: #c7c0d8; margin-top: 4px; }
.pitch__throw[aria-disabled="true"] { cursor: wait; }
.pitch__reset { color: #c4bed3; font-size: 11px; text-decoration: underline; text-underline-offset: 4px; padding: 14px 5px; }
.pitch__result { min-height:50px; font-size:12px; line-height:1.6; color:var(--chapter-muted); border-top:1px solid #ffffff20; padding-top:13px; }
.pitch__actions { display: flex; flex-wrap: wrap; gap: 10px 20px; align-items: center; margin-top: 12px; }
.pitch__actions button, .pitch__actions a { color: #e6dff4; font-size: 11px; text-decoration: underline; text-underline-offset: 4px; min-height: 44px; }
.pitch__decisions { color:var(--chapter-muted); font:14px/1.7 var(--font-body); margin:0; }
.pitch__foot { margin-top:38px; border-top:1px solid #ffffff20; padding-top:15px; color:var(--chapter-muted); display:flex; align-items:center; justify-content:space-between; gap:20px; }
.pitch__foot>span { max-width:58ch; }
.pitch__next { display:inline-flex; align-items:center; justify-content:space-between; gap:20px; min-height:44px; color:var(--chapter-accent); text-decoration:none; text-transform:none; font:12px/1.5 var(--font-body); }
.pitch__next:hover { text-decoration:underline; text-underline-offset:5px; }
@media(min-width:1101px) { .pitch { min-height:calc(100svh - 56px); display:flex; align-items:center; } .pitch>.container { width:100%; } }
.pitch__trail { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; z-index: 8; }
.pitch__trail path { fill: none; stroke: #d3bfff; stroke-width: 2; stroke-linecap: round; }
.pitch__ball { position: absolute; width: 80px; height: 80px; left: 0; top: 0; pointer-events: none; z-index: 9; will-change: transform; filter: drop-shadow(8px 16px 9px #06071366); }
.pitch__shadow { position: absolute; width: 50px; height: 10px; background: #100f2470; filter: blur(5px); border-radius: 50%; pointer-events: none; z-index: 7; }
.pitch__stamp { position: absolute; right: 17px; top: 58px; width: 36px; height: 36px; transform: rotate(14deg); z-index: 4; }
.pitch__screen.is-landed { animation: cb-land 430ms cubic-bezier(.2,.7,.3,1); }
@keyframes cb-land { 0% { transform: scale(.985) rotate(.25deg); } 100% { transform: none; } }






.idea-study { position: relative; height: 100%; background: #c6ff3d; color: #102613; overflow: hidden; padding: 25px 30px; }
.idea-study__label { font: 9px var(--font-mono); text-transform: uppercase; letter-spacing: .1em; position: relative; z-index: 2; }
.idea-study__words { font: 800 clamp(70px, 8vw, 108px)/.8 var(--font-display); letter-spacing: -.07em; position: absolute; left: 30px; top: 108px; z-index: 2; }
.idea-study__words span { display: block; transition: transform 600ms cubic-bezier(.2,.8,.2,1); }
.idea-study__ring { position: absolute; width: 360px; height: 360px; border: 65px solid #7a3bff; border-radius: 50%; right: -140px; bottom: -100px; transition: transform 700ms; }
.idea-study__aside { position: absolute; bottom: 27px; left: 30px; font: italic 21px var(--font-aside); z-index: 2; }
.idea-study[data-experiment="bend"] .idea-study__words span:nth-child(2) { transform: rotate(-9deg) translate(25px,7px); }
.idea-study[data-experiment="bend"] .idea-study__ring { transform: translate(-100px,-70px) scale(.75); }
.idea-study[data-experiment="space"] { background: #7a3bff; color: #fff1de; }
.idea-study[data-experiment="space"] .idea-study__words { font-size: clamp(87px,10vw,138px); }
.idea-study[data-experiment="space"] .idea-study__ring { border-color: #ff6a3d; transform: translate(-35px,-100px) scale(1.3); }
.idea-study[data-experiment="break"] { background: #ff6a3d; }
.idea-study[data-experiment="break"] .idea-study__words span:nth-child(1) { transform: rotate(-9deg) translate(40px,-10px); }
.idea-study[data-experiment="break"] .idea-study__words span:nth-child(2) { transform: rotate(8deg) translate(-9px,15px); }
.idea-study[data-experiment="break"] .idea-study__ring { transform: translate(-80px,-90px) scale(1.1); border-radius: 20%; border-color: #f5efe6; }

.pitch button:focus-visible { outline: 2px solid #c6ff3d; outline-offset: 4px; }
.pitch__screen button:focus-visible, .pitch__screen a:focus-visible { outline-color: #6030b2; }
@media (min-width: 1600px) { .pitch__screen { height: 490px; } .brand-study__title { font-size: 72px; } }
@media (max-width: 1050px) and (min-width: 701px) { .pitch__grid { grid-template-columns:.75fr 1.25fr; gap:24px; } .pitch .pitch__title { font-size:53px; } .pitch__intro { font-size:14px; } .brand-study { padding:22px; } .brand-study__title { font-size:52px; } .brand-study__products { left:15px; right:15px; gap:4px; } .brand-study__products button { grid-template-columns:1fr; gap:0; padding:7px; } .brand-study__products img { height:34px; }  }
@media (max-width: 700px) {
  .pitch { padding:52px 0 28px; }
  .pitch__grid { grid-template-columns:1fr; gap:0; }
  .pitch__copy { display:contents; }
  .pitch__eyebrow { order:1; }
  .pitch__chapter { order:2; }
  .pitch__title { order:3; }
  .pitch__intro { order:4; }
  .pitch__direct { order:5; justify-self:start; }
  .pitch__desk { order:6; margin-top:20px; }
  .pitch__thinking { order:7; }
  .pitch__chapter { font-size:9px; margin-bottom:20px; }
  .pitch .pitch__title { font-size:clamp(44px,11.4vw,66px); max-width:13ch; }
  .pitch__thinking { margin-top:23px; padding-left:14px; max-width:42ch; }
  .pitch__thinking h3 { font-size:9px; margin-bottom:7px; }
  .pitch__decisions { font-size:13px; line-height:1.65; }
  .pitch__eyebrow { font-size: 9px; margin-bottom: 16px; }
  .pitch__intro { font-size:14px; line-height:1.5; margin:19px 0 0; max-width:37ch; }
  .pitch__direct { margin-top:10px; font-size:12px; }
  .pitch__bar { font-size: 8px; padding-bottom: 9px; }
  .brand-study { padding: 20px; }
  .brand-study__nav span:last-child { font-size: 7px; }
  .brand-study__logo { font-size: 16px; }
  .brand-study__copy { margin-top: 33px; }
  .brand-study[data-design="curious"] .brand-study__copy { max-width: 100%; }
  .brand-study__title { font-size: 40px; max-width: 11ch; }
  .brand-study__desc { font-size: 17px; }
  .brand-study__note { font-size: 18px; padding: 11px 14px; bottom: 17px; right: 16px; }
  .brand-study__products { left: 13px; right: 13px; bottom: 15px; gap: 5px; }
  .brand-study__products button { grid-template-columns: 1fr; gap: 1px; padding: 6px; font-size: 10px; }
  .brand-study__products img { width: 45px; height: 34px; }
  .brand-study[data-design="explore"] .brand-study__title { font-size: 45px; }
  .brand-study[data-design="explore"] .brand-study__copy { margin-top: 30px; }
  .brand-study[data-design="choose"] .brand-study__title { font-size: 46px; }
  .brand-study[data-design="choose"] .brand-study__copy { margin-top: 38px; max-width: 66%; }
  .brand-study__order { font-size: 10px; padding: 11px 13px; }
  .pitch__choices { gap: 6px; }
  .pitch__choices button { font-size: 10px; padding: 9px 10px; }
  .pitch__throw img { width: 69px; height: 69px; }
  .pitch__throw { min-height: 90px; }
  .pitch__throw b { font-size: 14px; }
  .pitch__throw small { font-size: 14px; }
  .pitch__foot { margin-top: 28px; font-size: 8px; }
  .pitch__foot { align-items:start; flex-direction:column; gap:6px; }
  .pitch__next { width:100%; }




  .idea-study { padding: 20px; }
  .idea-study__words { font-size: 78px; left: 20px; top: 110px; }
  .idea-study[data-experiment="space"] .idea-study__words { font-size: 94px; }
  .idea-study__aside { left: 20px; font-size: 18px; }

}
@media (max-width: 400px) { .brand-study__nav span:last-child { display: none; } }
html.reduce-motion .pitch *, html.reduce-motion .pitch *::before, html.reduce-motion .pitch *::after { animation: none !important; transition: none !important; }
@media (prefers-reduced-motion: reduce) { .pitch *, .pitch *::before, .pitch *::after { animation: none !important; transition: none !important; } }