.evening{--evening-cream:#fff1e8;--evening-ink:#211b1a;position:relative;isolation:isolate;background:#e4aaa2;color:var(--evening-ink);overflow:clip}
.evening:before,.evening:after{content:"";position:absolute;width:130px;height:100px;z-index:5;pointer-events:none;background:var(--paper);filter:drop-shadow(2px 4px 3px #45262025);clip-path:polygon(0 0,100% 0,96% 9%,87% 18%,86% 28%,74% 34%,70% 47%,55% 52%,51% 66%,38% 70%,30% 81%,15% 85%,10% 96%,0 100%)}
.evening:before{top:-1px;left:-1px}.evening:after{bottom:-1px;right:-1px;transform:rotate(180deg)}
.evening-scene{position:relative;container-type:inline-size;width:100%;max-width:2040px;height:clamp(850px,100svh,1180px);margin:auto}
.evening-title{position:absolute;z-index:2;left:10%;top:8%;margin:0;font-family:var(--display);font-size:8.7cqw;line-height:.83;font-weight:1000;letter-spacing:-.075em}
.evening-row{display:block;transform-origin:left center}
.evening-lettering{position:absolute;z-index:3;left:36.5%;top:22%;width:24%;height:auto;color:var(--evening-cream);overflow:visible;transform:rotate(-3deg)}
.evening-drawing-layer{position:absolute;inset:0;pointer-events:none;transform:translate(var(--evening-x,0px),var(--evening-y,0px));transition:transform .5s cubic-bezier(.2,.7,.3,1)}
.evening-drawing{position:absolute;left:0;top:1%;width:100%;height:75%;overflow:visible}
.evening-drawing--mobile{display:none}
.evening-drawing--desktop{left:3%}
.evening-line{stroke-width:9;stroke:var(--evening-cream);filter:drop-shadow(1px 5px 2px #45262022)}
.evening-line--coral{stroke:#f18b83;stroke-width:11}
.evening-line--continuation{stroke-width:5}
.evening-heart-accent{stroke:var(--evening-cream);stroke-width:6}
.evening-heart-zone{position:absolute;left:56%;top:10%;width:34%;height:44%}
.evening-note-anchor{position:absolute;z-index:3;right:7.5%;top:58%;width:31%;perspective:900px}
.evening-note{position:relative;isolation:isolate;margin:0;padding:6% 7%;background:#f1ddd0;box-shadow:2px 3px 0 #dbc1ae,6px 16px 20px #45262029;transform:rotate(-6deg);transition:transform .22s,box-shadow .22s}
.evening-note:before{content:"";position:absolute;inset:-2px;z-index:-1;background:#f1ddd0;clip-path:polygon(.4% 2%,99% 0,99.7% 12%,99% 32%,100% 52%,99.3% 71%,99.7% 95%,86% 97%,64% 97.5%,42% 100%,21% 98%,0 99%,.8% 72%,0 48%,1% 24%)}
.evening-note p{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:1.9cqw;line-height:1.2}
.evening-tape{position:absolute;right:10%;top:-6%;width:34%;height:20%;background:#d9ff38d9;transform:rotate(-6deg);clip-path:polygon(1% 6%,98% 0,96% 24%,100% 38%,97% 62%,99% 93%,0 100%,3% 76%,0 53%,2% 30%)}
.evening-note-anchor:hover .evening-note{transform:translateY(-4px) rotate(-4.5deg);box-shadow:2px 3px 0 #dbc1ae,9px 21px 24px #45262026}
.evening-stats{position:absolute;left:9%;right:9%;bottom:5%;display:grid;grid-template-columns:repeat(4,1fr);padding-top:2%;border-top:1.5px solid var(--evening-cream)}
.evening-stat{position:relative;padding:0 9%;border-left:1px solid #fff1e89c}
.evening-stat:first-child{border:0;padding-left:5%}
.evening-stat-number{position:relative;display:flex;align-items:center;height:.95em;margin-bottom:.15em;font-family:var(--display);font-size:7.1cqw;font-weight:1000;letter-spacing:-.085em;line-height:.95;transform-origin:left center;transition:transform .2s}
.evening-stat-number:before{content:"";position:absolute;left:-3%;right:8%;top:55%;height:24%;z-index:-1;background:#f7d9c6;clip-path:polygon(3% 9%,97% 0,100% 36%,96% 59%,99% 90%,1% 100%,0 69%,5% 47%,0 25%);transform:rotate(-3deg);transition:transform .2s,background .2s}
.evening-stat p{margin:0;font-family:"Courier New",monospace;font-size:clamp(13px,1.3cqw,25px);font-weight:700;line-height:1.35;text-transform:uppercase;letter-spacing:-.05em}
.evening-stat-number>svg{width:1.3em;height:.85em;overflow:visible}
.evening-infinity{stroke:var(--evening-ink);stroke-width:15;stroke-linecap:round;stroke-linejoin:round}
.evening-counter-window{display:block;height:.95em;overflow:hidden;min-width:1.35em}
.evening-counter-reel{display:block;transform:translateY(-75%)}
.evening-counter-reel>span{display:block;height:.95em}
.evening-prime{display:inline-block}
.evening-stat:hover .evening-stat-number{transform:translateY(-3px) scale(1.015)}
.evening-stat:hover .evening-stat-number:before{background:var(--evening-cream);transform:rotate(-1deg) scaleX(1.06)}
@media(min-width:1800px){.evening-title{font-size:8.3cqw}.evening-lettering{left:35.5%;top:23%}.evening-note-anchor{top:52%;width:29%}.evening-note p{font-size:1.5cqw}.evening-stat-number{font-size:6.6cqw}.evening-stat p{font-size:1.15cqw}}
@media(min-width:768px) and (max-width:1100px){.evening-scene{height:1000px}.evening-title{left:7%;top:9%;font-size:10cqw}.evening-lettering{left:37%;top:23%;width:30%}.evening-drawing{top:19%;height:53%;width:110%;left:-8%}.evening-note-anchor{right:7%;top:61%;width:42%}.evening-note p{font-size:2.4cqw}.evening-stats{left:6%;right:6%;bottom:5%}.evening-stat{padding:0 7%}.evening-stat p{font-size:clamp(12px,1.6cqw,17px)}.evening-stat-number{font-size:8.2cqw}.evening-heart-zone{top:28%;left:61%;width:33%;height:27%}}
@media(max-width:767px){
  .evening:before,.evening:after{width:65px;height:56px}
  .evening-scene{height:1350px;max-width:550px}
  .evening-title{left:7%;top:6%;font-size:16.2cqw;line-height:.85}
  .evening-row:nth-child(3){margin-top:1.25em}
  .evening-lettering{left:41%;top:13.5%;width:51%;transform:rotate(-6deg)}
  .evening-drawing--desktop{display:none}.evening-drawing--mobile{display:block;top:31%;height:auto;width:100%}
  .evening-heart-zone{top:37%;left:20%;width:66%;height:22%}
  .evening-note-anchor{right:9%;top:56.5%;width:80%}
  .evening-note{padding:7% 8%;transform:rotate(-4deg)}
  .evening-note p{font-size:clamp(20px,5.5cqw,28px);line-height:1.23}
  .evening-stats{left:7%;right:7%;bottom:5%;padding-top:6%;grid-template-columns:1fr 1fr;row-gap:25px}
  .evening-stat{padding:0 0 0 14%}
  .evening-stat:nth-child(odd){border:0;padding-left:0}
  .evening-stat-number{font-size:20cqw;margin-bottom:.2em}
  .evening-stat-number:before{right:12%}
  .evening-stat p{font-size:clamp(12px,3.3cqw,17px);line-height:1.35;letter-spacing:-.055em}
  .evening-drawing-layer{transform:none!important}
}
@media(max-width:380px){.evening-scene{height:1240px}.evening-note-anchor{top:56.5%}.evening-note p{font-size:20px}.evening-stats{bottom:5%}.evening-stat p{font-size:12px}}
@media(min-width:501px) and (max-width:767px){.evening-scene{height:1700px}.evening-drawing--mobile{top:34%}.evening-note-anchor{top:59%}.evening-stats{bottom:3.5%;row-gap:34px}.evening-stat-number{font-size:18cqw}.evening-stat p{font-size:17px}}
@media(prefers-reduced-motion:reduce){.evening-drawing-layer{transform:none!important}.evening-note,.evening-stat-number,.evening-stat-number:before{transition:none}}