/* Chapter 02 additions. Chapter 01's accepted stylesheet is unchanged. */
.idea-transition-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;pointer-events:none}
#fableton-idea[data-chapter="2"] .idea-edge-shade{background:none}
#fableton-idea[data-chapter="2"] .idea-wordmark{top:calc(15 * var(--idea-unit));font-size:calc(44 * var(--idea-unit))}
#fableton-idea[data-chapter="2"] .idea-brand-rule{left:calc(239 * var(--idea-unit));top:calc(28 * var(--idea-unit));height:calc(42 * var(--idea-unit))}
#fableton-idea[data-chapter="2"] .idea-label{left:calc(261 * var(--idea-unit));top:calc(43 * var(--idea-unit))}
#fableton-idea[data-chapter="2"] .idea-close{right:calc(109 * var(--idea-unit))}
#fableton-idea[data-chapter="2"] .idea-left-shade{background:linear-gradient(to right,rgba(7,31,26,.637),rgba(7,31,26,.521) 5.64%,rgba(7,31,26,.421) 11.27%,rgba(7,31,26,.317) 16.91%,rgba(7,31,26,.237) 22.55%,rgba(7,31,26,.159) 28.18%,rgba(7,31,26,.095) 33.82%,rgba(7,31,26,.047) 39.46%,rgba(7,31,26,.012) 45.1%,transparent 49.6%)}
#fableton-idea[data-chapter="2"][data-moment="arrival"] .idea-left-shade{opacity:1;background:linear-gradient(to right,rgba(7,31,26,.189),rgba(7,31,26,.156) 5.64%,rgba(7,31,26,.124) 11.27%,rgba(7,31,26,.093) 16.91%,rgba(7,31,26,.068) 22.55%,rgba(7,31,26,.047) 28.18%,rgba(7,31,26,.027) 33.82%,rgba(7,31,26,.012) 39.46%,transparent 45.1%)}
#fableton-idea[data-chapter="2"] .idea-chapter{top:calc(122 * var(--idea-unit));left:calc(71 * var(--idea-unit));word-spacing:calc(2 * var(--idea-unit))}
#fableton-idea[data-chapter="2"] .idea-chapter-rule{top:calc(150 * var(--idea-unit));left:calc(71 * var(--idea-unit));width:calc(370 * var(--idea-unit))}
#fableton-idea[data-chapter="2"] #idea-heading{top:calc(154 * var(--idea-unit));font-size:calc(74 * var(--idea-unit));line-height:calc(74 * var(--idea-unit));max-width:calc(650 * var(--idea-unit))}
#fableton-idea[data-chapter="2"] #idea-heading span:first-child{transform:scaleX(.966);transform-origin:left}
#fableton-idea[data-chapter="2"] #idea-heading span:nth-child(2){transform:scaleX(.91);transform-origin:left}
#fableton-idea[data-chapter="2"] .idea-copy{left:calc(75 * var(--idea-unit));top:calc(362 * var(--idea-unit));font-size:calc(28 * var(--idea-unit));line-height:calc(34 * var(--idea-unit))}
#fableton-idea[data-chapter="2"] .idea-copy span{display:block}
#fableton-idea[data-chapter="2"] .idea-copy>p:not(.idea-doors){transform:scaleX(.955);transform-origin:left}
#fableton-idea[data-chapter="2"] .idea-happenings{margin-top:calc(25 * var(--idea-unit))}
#fableton-idea[data-chapter="2"] .idea-useful{margin-top:calc(25 * var(--idea-unit))}
#fableton-idea[data-chapter="2"] .idea-doors{margin-top:calc(16 * var(--idea-unit));padding-left:calc(4 * var(--idea-unit));color:#fffaec;white-space:nowrap}
#fableton-idea[data-chapter="2"] .idea-continue{left:calc(72 * var(--idea-unit));top:calc(724 * var(--idea-unit));width:calc(383 * var(--idea-unit));height:calc(61 * var(--idea-unit));font-size:calc(24 * var(--idea-unit));padding:0 calc(18 * var(--idea-unit)) calc(10 * var(--idea-unit));border-radius:calc(8 * var(--idea-unit))}
#fableton-idea[data-chapter="2"][data-moment="arrival"] .idea-continue{left:auto;top:auto;right:calc(73 * var(--idea-unit));bottom:calc(59 * var(--idea-unit));width:calc(311 * var(--idea-unit));height:calc(57 * var(--idea-unit));font-size:calc(26 * var(--idea-unit))}
#fableton-idea[data-chapter="2"] .idea-back{bottom:calc(50 * var(--idea-unit));font-size:calc(22 * var(--idea-unit))}
.idea-pending{position:absolute;right:calc(73 * var(--idea-unit));bottom:calc(59 * var(--idea-unit));margin:0;max-width:350px;font-size:20px;line-height:1.35;color:#f3efdb}
.idea-pending[hidden]{display:none}
.idea-route-note{position:absolute;right:30px;bottom:120px;max-width:320px;margin:0;font-size:20px;line-height:1.35;color:#fffaec}
#fableton-idea[data-chapter="2"].idea-revealing .idea-streets{animation:idea-appear .7s 1.2s both}
#fableton-idea[data-chapter="2"].idea-revealing .idea-happenings{animation:idea-appear .7s 2.6s both}
#fableton-idea[data-chapter="2"].idea-revealing .idea-useful{animation:idea-appear .7s 4s both}
#fableton-idea[data-chapter="2"].idea-revealing .idea-doors{animation:idea-appear .7s 5.5s both}
@media(max-width:1199px){
  .idea-transition-art{height:50vw;inset:0 0 auto;object-fit:contain;object-position:top}
  #fableton-idea[data-chapter="2"] .idea-left-shade,
  #fableton-idea[data-chapter="2"][data-moment="arrival"] .idea-left-shade{background:linear-gradient(to bottom,transparent,rgba(7,31,26,.15) 40vw,#071f1a 50vw)}
  #fableton-idea[data-chapter="2"] .idea-wordmark{top:8px;font-size:28px}
  #fableton-idea[data-chapter="2"] .idea-brand-rule{left:137px;top:18px;height:24px}
  #fableton-idea[data-chapter="2"] .idea-label{left:148px;top:27px}
  #fableton-idea[data-chapter="2"] .idea-close{right:17px}
  #fableton-idea[data-chapter="2"] .idea-chapter{word-spacing:1px}
  #fableton-idea[data-chapter="2"] .idea-chapter-rule{width:260px;max-width:100%}
  #fableton-idea[data-chapter="2"] #idea-heading{font-size:36px;line-height:1.06;max-width:none}
  #fableton-idea[data-chapter="2"] #idea-heading span,
  #fableton-idea[data-chapter="2"] .idea-copy>p:not(.idea-doors){transform:none}
  #fableton-idea[data-chapter="2"] #idea-heading span:first-child,
  #fableton-idea[data-chapter="2"] #idea-heading span:nth-child(2){display:block;transform:none}
  #fableton-idea[data-chapter="2"] .idea-copy{font-size:21px;line-height:28px}
  #fableton-idea[data-chapter="2"] .idea-copy span{display:inline}
  #fableton-idea[data-chapter="2"] .idea-happenings,
  #fableton-idea[data-chapter="2"] .idea-useful{margin-top:20px}
  #fableton-idea[data-chapter="2"] .idea-doors{margin-top:20px;padding-left:0;white-space:normal}
  #fableton-idea[data-chapter="2"] .idea-continue,
  #fableton-idea[data-chapter="2"][data-moment="arrival"] .idea-continue{width:min(383px,100%);height:auto;min-height:56px;font-size:23px;padding:14px 18px;border-radius:7px;white-space:normal;line-height:1.15}
  #fableton-idea[data-chapter="2"] .idea-back{font-size:18px}
  .idea-pending,.idea-route-note{position:static;font-size:20px;line-height:28px;margin-top:18px;max-width:none}
}
@media(max-width:350px){
  #fableton-idea[data-chapter="2"] .idea-wordmark{font-size:26px}
  #fableton-idea[data-chapter="2"] .idea-brand-rule{left:129px}
  #fableton-idea[data-chapter="2"] .idea-label{left:137px}
  #fableton-idea[data-chapter="2"] .idea-close{right:12px}
  #fableton-idea[data-chapter="2"] #idea-heading{font-size:33px}
  #fableton-idea[data-chapter="2"] .idea-copy{font-size:20px}
  #fableton-idea[data-chapter="2"] .idea-continue{font-size:22px}
}
