/* Original Decibliss pen accents, drawn for this site.
   Reference: https://sxsw.com/ — event-first editorial energy and selective
   artwork. No SXSW asset, lettering, illustration or layout is reused.
   Four accents total; none appears inside a functional product workspace. */

/* 1. A loose, two-pass underline replaces the existing solid hero stroke. */
.hero .lime-word::after{
  left:-1%;right:auto;bottom:-.12em;width:102%;height:.23em;min-height:13px;
  background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20360%2032%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2017C62%208%20139%209%20201%2012S310%2020%20355%2012%22%20stroke%3D%22%23ff805e%22%20stroke-width%3D%224.5%22%2F%3E%3Cpath%20d%3D%22M24%2025C111%2018%20219%2023%20328%2021%22%20stroke%3D%22%23ff805e%22%20stroke-width%3D%222.2%22%2F%3E%3C%2Fsvg%3E");
  background-repeat:no-repeat;background-size:100% 100%;
  border-radius:0;transform:rotate(-.6deg);pointer-events:none;
}

/* 2. The existing decorative star becomes an uneven pen-drawn spark. */
.hero .headline-asterisk{
  width:54px;height:54px;font-size:0;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2062%2060%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20stroke%3D%22%23ff805e%22%20stroke-width%3D%223.1%22%3E%3Cpath%20d%3D%22M30%203Q28%2013%2029%2021M31%2038Q31%2049%2028%2056M4%2028Q15%2027%2021%2030M39%2030Q48%2028%2058%2031M9%209Q17%2017%2021%2020M38%2039Q45%2044%2049%2051M48%208Q42%2015%2038%2021M18%2038Q12%2044%207%2049%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat:no-repeat;background-size:contain;transform:rotate(-9deg);
  pointer-events:none;user-select:none;
}

/* 3. A small margin arrow guides the product introduction down to the cards. */
.products-intro>p{position:relative}
.products-intro>p::after{
  content:"";position:absolute;left:2px;bottom:-43px;width:80px;height:52px;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2080%2052%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M70%206C44%204%2021%209%2015%2026Q12%2037%2026%2040Q35%2041%2040%2033%22%20stroke%3D%22%236841c8%22%20stroke-width%3D%222.2%22%2F%3E%3Cpath%20d%3D%22M31%2032L41%2032L42%2043%22%20stroke%3D%22%236841c8%22%20stroke-width%3D%222.2%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-size:contain;
  transform:rotate(-8deg);pointer-events:none;
}

/* 4. Replace the closing section's existing arrow with a single curved stroke. */
.closing-top>span{
  width:clamp(85px,9vw,130px);height:clamp(72px,7.6vw,110px);font-size:0;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20130%20110%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M98%207C123%2024%20117%2062%2094%2077C73%2091%2044%2089%2017%2082%22%20stroke%3D%22%236841c8%22%20stroke-width%3D%223.7%22%2F%3E%3Cpath%20d%3D%22M31%2066L15%2082L36%2097%22%20stroke%3D%22%236841c8%22%20stroke-width%3D%223.5%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-size:contain;
  transform:rotate(5deg);pointer-events:none;user-select:none;
}

@media(max-width:1100px){
  .products-intro>p::after{display:none}
  .hero .headline-asterisk{width:43px;height:43px}
}
@media(max-width:760px){
  .hero .headline-asterisk{width:38px;height:38px}
  .hero .lime-word::after{bottom:-.13em;height:.25em;min-height:11px}
  .closing-top>span{width:74px;height:64px;top:74px;right:7vw;opacity:.55}
}
@media(max-width:500px){
  .closing-top>span{display:none}
}
@media(max-width:380px){
  .hero .headline-asterisk{width:29px;height:29px}
}
@media print{
  .hero .headline-asterisk,.products-intro>p::after,.closing-top>span{display:none}
}