/* Small handwritten annotations; a single arrow drawing throughout. */
@font-face {
  font-family:'Yomogi';
  src:url('assets/yomogi-regular.ttf') format('truetype');
  font-weight:400;
  font-display:swap;
}
.speech-note {
  display:inline-block;
  position:relative;
  font-family:'Yomogi',var(--round);
  font-weight:400;
  font-size:18px;
  line-height:1.65;
  letter-spacing:0;
  color:#284e40;
  background:#fff;
  padding:9px 17px;
  border:1px solid #dbe6df;
  border-radius:48% 45% 44% 42% / 42% 48% 40% 47%;
  box-shadow:0 2px 5px #2142320a;
  isolation:isolate;
}
.speech-note::after {
  content:'';
  position:absolute;
  width:11px;
  height:11px;
  bottom:-6px;
  left:68%;
  background:#fff;
  border-right:1px solid #dbe6df;
  border-bottom:1px solid #dbe6df;
  transform:skewY(18deg) rotate(35deg);
  z-index:-1;
}
.monthly-cut p.speech-note {
  font-size:18px;
  top:-69px;
  left:auto;
  right:-14px;
  margin:0;
  transform:rotate(3deg);
  white-space:nowrap;
  z-index:2;
}
.phone-caption.speech-note {
  position:absolute;
  top:15px;
  right:20px;
  font-size:17px;
  transform:rotate(-3deg);
  z-index:3;
}
.detail-gallery figcaption { margin-top:19px; }
.detail-gallery .speech-note { font-size:15px; padding:7px 11px; white-space:nowrap; }
.detail-asset-image .speech-note { font-size:17px; }
.detail-gallery .speech-note::after,
.detail-asset-image .speech-note::after {
  bottom:auto;
  top:-6px;
  left:25%;
  transform:rotate(215deg);
}
.ui-arrow {
  display:inline-block;
  width:18px;
  height:18px;
  flex:0 0 18px;
  vertical-align:-4px;
  margin-left:9px;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.button .ui-arrow,.mission-cta .ui-arrow,.mobile-download .ui-arrow { margin-left:0; }
.point-bridge .ui-arrow { width:16px; height:16px; margin-inline:9px; vertical-align:-3px; }
.quick-links .ui-arrow { width:16px; height:16px; vertical-align:-2px; margin-left:5px; }
.feature-index .ui-arrow { margin-left:7px; }
.mission-cta { gap:18px; }
@media(max-width:1100px) {
  .phone-caption.speech-note { font-size:15px; top:20px; right:0; }
  .detail-gallery .speech-note { font-size:13px; padding-inline:9px; }
}
@media(max-width:800px) {
  .monthly-cut p.speech-note { font-size:16px; right:-4px; top:-60px; }
  .phone-caption.speech-note { font-size:13px; right:-4px; top:12px; padding:8px 12px; }
  .detail-gallery .speech-note { font-size:12px; white-space:normal; }
}
@media(max-width:600px) {
  .phone-caption.speech-note { display:inline-block; font-size:14px; right:2px; top:-18px; }
  .hero-visual { margin-top:39px; }
  .monthly-cut p.speech-note { font-size:16px; right:-5px; top:-59px; padding:9px 13px; }
  .detail-gallery .speech-note { font-size:13px; padding:8px 10px; }
  .detail-asset-image .speech-note { font-size:16px; }
  .quick-links .ui-arrow { width:13px; height:13px; margin-left:2px; }
  .feature-index .ui-arrow { width:13px; height:13px; margin-left:2px; vertical-align:-2px; }
  .point-bridge .ui-arrow { width:13px; height:13px; margin-inline:4px; vertical-align:-2px; }
}