#our-beginning{--cream: #fefeeb; --purple: #8a6a8a; --green: #8a9a5b; --ink: #634d62; background: var(--cream); color: var(--ink); font-family: Cormorant, Georgia, serif;}
#our-beginning *{box-sizing: border-box;}
#our-beginning{margin: 0px; background: radial-gradient(ellipse at 0 65%,#c7b09818,transparent 70%),var(--cream);}
#our-beginning .definitions{position: absolute; width: 0px; height: 0px; overflow: hidden;}
#our-beginning button{font: inherit; color: inherit; cursor: pointer; -webkit-tap-highlight-color: transparent;}
#our-beginning button:focus-visible{outline: 2px solid var(--green); outline-offset: 4px;}
#our-beginning .race-story{max-width: 950px; margin: auto; padding: 32px 24px 24px; overflow: hidden;}
#our-beginning header{text-align: center;}
#our-beginning .date{font-size: 20px; display: block; margin-bottom: 17px;}
#our-beginning .heading-window{height: 130px; position: relative; overflow: hidden;}
#our-beginning h2,#our-beginning .final-heading{position: absolute; inset: 0px; margin: 0px; font: 400 58px / 1 Pinyon, cursive; color: var(--purple); transition: transform 1s cubic-bezier(0.2, 0.7, 0.2, 1), opacity 0.7s;}
#our-beginning .final-heading{transform: translateY(110%); opacity: 0;}
#our-beginning .reveal h2{transform: translateY(-110%); opacity: 0;}
#our-beginning .reveal .final-heading{transform: translateY(0px); opacity: 1;}
#our-beginning .race{height: 178px; position: relative; margin: 14px -24px 21px; overflow: hidden;}
#our-beginning .track-lines{position: absolute; inset: 15px 0px 24px; background: repeating-linear-gradient(transparent 0px, transparent 43px, rgba(138, 154, 91, 0.19) 43px, rgba(138, 154, 91, 0.19) 44px); border-top: 1px solid rgba(138, 154, 91, 0.19); transform: rotate(-2deg);}
#our-beginning .finish{position: absolute; right: 30px; top: 12px; bottom: 25px; width: 7px; border-left: 1px solid rgba(138, 106, 138, 0.376); border-right: 1px solid rgba(138, 106, 138, 0.376); background: repeating-linear-gradient(rgba(138, 106, 138, 0.565) 0px, rgba(138, 106, 138, 0.565) 7px, transparent 7px, transparent 14px); transform: rotate(-2deg);}
#our-beginning .finish span{position: absolute; top: -12px; left: -5px; font: 8px Arial; letter-spacing: 2px; color: var(--purple);}
#our-beginning .runner{position: absolute; left: 0px; top: 12px; width: 79px; height: 62px; color: var(--purple); will-change: transform;}
#our-beginning .runner:nth-child(2){top: 52px; color: var(--green);}
#our-beginning .runner:nth-child(3){top: 95px; color: rgb(161, 106, 120);}
#our-beginning .runner svg{width: 100%; height: 100%; overflow: visible;}
#our-beginning .runner .leg{fill: none; stroke: currentcolor; stroke-width: 5; stroke-linecap: round; stroke-linejoin: round; transform-box: fill-box; transform-origin: 50% 0px;}
#our-beginning .running .horse{animation: 0.27s ease-in-out 0s infinite alternate none running bob;}
#our-beginning .running .leg-a{animation: 0.32s ease-in-out 0s infinite alternate none running gallop;}
#our-beginning .running .leg-b{animation: 0.32s ease-in-out -0.32s infinite alternate-reverse none running gallop;}
#our-beginning .running .runner:nth-child(2) .horse{animation-delay: -0.13s;}
#our-beginning .running .runner:nth-child(3) .horse{animation-delay: -0.22s;}


#our-beginning .race-note{position: absolute; right: 29px; bottom: 1px; font: 27px Pinyon, cursive; color: var(--purple); opacity: 0; transform: translateX(20px) rotate(-4deg); transition: opacity 0.7s, transform 0.7s;}
#our-beginning .reveal .race-note{opacity: 1; transform: translateX(0px) rotate(-4deg);}
#our-beginning .memory-content{opacity: 0; transform: translateY(22px); transition: opacity 0.9s, transform 0.9s cubic-bezier(0.2, 0.7, 0.2, 1); pointer-events: none;}
#our-beginning .reveal .memory-content{opacity: 1; transform: translateY(0px); pointer-events: auto;}
#our-beginning figure{margin: 0px 5px 23px; background: rgb(255, 253, 247); padding: 7px 7px 0px; box-shadow: rgba(99, 77, 98, 0.106) 0px 6px 22px; transform: rotate(-2deg);}
#our-beginning .photo{border: 0px; background: none; padding: 0px; display: block; width: 100%;}
#our-beginning .photo img{width: 100%; height: auto; display: block;}
#our-beginning figcaption{font: 27px Pinyon, cursive; text-align: center; padding: 12px 0px 14px;}
#our-beginning .words{text-align: center; font-size: 22px; line-height: 1.35;}
#our-beginning .words p{margin: 0px;}
#our-beginning .words em{font-style: normal; color: var(--purple);}
#our-beginning .signature{display: block; font: 34px Pinyon, cursive; margin-top: 22px;}
#our-beginning .controls{display: flex; justify-content: center; align-items: center; gap: 16px; margin-top: 26px; flex-wrap: wrap;}
#our-beginning .controls button{min-height: 44px; padding: 9px 16px; border: 1px solid rgba(138, 106, 138, 0.25); border-radius: 24px; background: none; font: 12px Arial;}
#our-beginning .controls .skip{border: 0px; padding: 8px 0px; font: 14px Cormorant; text-decoration: underline; text-underline-offset: 4px;}
#our-beginning .reveal .skip{display: none;}
#our-beginning .replay span{font-size: 18px; padding-left: 8px;}
#our-beginning footer{font: 10px / 1.6 Arial; color: rgb(139, 125, 135); text-align: center; padding: 0px 20px 24px;}
#our-beginning dialog{border: 0px; background: var(--cream); color: var(--ink); width: min(94vw, 900px); max-height: 92svh; padding: 48px 16px 20px; text-align: center;}
#our-beginning dialog::backdrop{background: rgba(55, 44, 53, 0.737);}
#our-beginning dialog img{width: 100%; max-height: 70svh; object-fit: contain;}
#our-beginning dialog p{font-size: 23px;}
#our-beginning .close{position: absolute; right: 5px; top: 4px; width: 44px; height: 44px; border: 0px; background: none; font: 30px Arial;}
#our-beginning .modal-open{overflow: hidden;}
@media (min-width: 800px){#our-beginning .race-story{padding-top: 44px;}
#our-beginning .heading-window{height: 95px;}
#our-beginning h2,#our-beginning .final-heading{font-size: 72px;}
#our-beginning h2 br,#our-beginning .final-heading br{display: none;}
#our-beginning .race{margin: 25px 0px 30px;}
#our-beginning .memory-content{display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center;}
#our-beginning figure{margin: 0px 8px;}
#our-beginning .words{font-size: 26px;}
#our-beginning .signature{font-size: 40px;}
#our-beginning .controls{margin-top: 35px;}}
@media (prefers-reduced-motion: reduce){#our-beginning *{animation: auto ease 0s 1 normal none running none !important; transition: none !important;}}
#our-beginning .runner .print-horse{color: inherit;}
#our-beginning .bet-story{max-width: 460px; margin: auto; padding: 38px 23px 22px; overflow: hidden;}
#our-beginning .bet-story h2{position: static; font-size: 58px; line-height: 1.15; transform: none; opacity: 1;}
#our-beginning .bet-story header p{font-size: 22px; line-height: 1.25; margin: 8px 0px 0px;}
#our-beginning .bet-story .race{margin: 18px -23px 5px; height: 163px;}
#our-beginning .bet-story .runner{width: 68px;}
#our-beginning .ticket-shell{padding: 10px 4px 17px; perspective: 1000px;}
#our-beginning .receipt{font-family: "Courier New", monospace; color: rgb(81, 71, 81); background: linear-gradient(105deg, rgba(240, 230, 211, 0.16), transparent 45%, rgba(230, 217, 196, 0.15)) rgb(255, 253, 243); padding: 19px 18px 15px; position: relative; box-shadow: rgba(108, 73, 52, 0.17) 0px 10px 28px; transform: rotate(-2deg); border-top: 1px solid rgb(216, 207, 192);}
#our-beginning .receipt::after{content: ""; position: absolute; bottom: -7px; height: 8px; left: 0px; right: 0px; background: linear-gradient(135deg, rgb(255, 253, 243) 25%, transparent 25%) 0px 0px / 12px 12px, linear-gradient(225deg, rgb(255, 253, 243) 25%, transparent 25%) 0px 0px / 12px 12px;}
#our-beginning .receipt-brand{display: flex; align-items: center; justify-content: center; gap: 10px; border-bottom: 2px solid; padding-bottom: 10px;}
#our-beginning .receipt-brand svg{width: 58px; height: 46px; flex: 0 0 auto;}
#our-beginning .receipt-brand strong{font-size: 21px; letter-spacing: -1px;}
#our-beginning .receipt-brand span{display: block; font-size: 11px; letter-spacing: 1px; text-align: center; margin-top: 3px;}
#our-beginning .secret{border: 0px; background: none; min-height: 44px; padding: 5px; color: inherit;}
#our-beginning .secret:hover{color: rgb(138, 106, 138);}
#our-beginning .serial{display: block; font: bold 14px "Courier New", monospace; margin: 0px auto;}
#our-beginning .race-data{display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid; padding: 2px 0px 10px;}
#our-beginning .race-data > strong{font-size: 30px; letter-spacing: -2px;}
#our-beginning .race-data > span{font-size: 16px; font-weight: bold; line-height: 1.12; text-align: right;}
#our-beginning .selection{display: grid; grid-template-columns: 1fr 1fr; text-align: center; padding: 13px 0px 11px; border-bottom: 2px solid; gap: 3px; align-items: center;}
#our-beginning .selection span{font-size: 14px;}
#our-beginning .selection strong{font-size: 27px;}
#our-beginning .selection b{grid-column: 1 / -1; font-size: 24px; line-height: 1.1;}
#our-beginning .receipt dl{margin: 15px 0px 12px; font-size: 14px; line-height: 1.5;}
#our-beginning .receipt dl div{display: flex; justify-content: space-between; align-items: center; gap: 5px;}
#our-beginning .receipt dd{margin: 0px; font-weight: bold; text-align: right;}
#our-beginning .infinity{font: 31px / 1 Georgia; min-width: 50px; padding: 0px;}
#our-beginning .total{font-size: 14px; display: flex; justify-content: space-between; border-top: 1px solid; padding: 12px 0px 7px;}
#our-beginning .receipt .stamp{position: absolute; right: 12px; bottom: 104px; font: bold 16px / 1.1 "Courier New", monospace; color: rgb(138, 106, 138); border: 3px double rgb(138, 106, 138); border-radius: 50%; width: 99px; height: 99px; display: flex; flex-direction: column; align-items: center; justify-content: center; transform: rotate(-18deg) scale(1.5); opacity: 0; pointer-events: none; background: rgba(255, 253, 243, 0.93); transition: opacity 0.3s, transform 0.45s;}
#our-beginning .receipt .stamp span{font-size: 27px;}
#our-beginning .won .stamp{opacity: 1; transform: rotate(-18deg) scale(1);}
#our-beginning .barcode{display: block; width: 100%; padding: 12px 7px 9px;}
#our-beginning .bars{height: 43px; display: block; background: repeating-linear-gradient(90deg, currentcolor 0px, currentcolor 2px, transparent 2px, transparent 5px, currentcolor 5px, currentcolor 9px, transparent 9px, transparent 12px, currentcolor 12px, currentcolor 13px, transparent 13px, transparent 18px, currentcolor 18px, currentcolor 23px, transparent 23px, transparent 26px); opacity: 0.8;}
#our-beginning .barcode-id{display: block; font: 11px "Courier New", monospace; letter-spacing: 2px; margin-top: 7px;}
#our-beginning .receipt-bottom{display: flex; align-items: center; justify-content: space-between; font-size: 11px; margin-top: 5px;}
#our-beginning .receipt-bottom > span:first-child,#our-beginning .receipt-bottom > span:last-child{font: bold 28px / 1 "Courier New", monospace;}
#our-beginning .secret-note{font: 19px / 1.3 Cormorant, serif; background: rgb(238, 229, 237); padding: 12px 9px; margin: 5px 0px 12px; text-align: center; color: rgb(114, 85, 115);}
#our-beginning .actions{text-align: center; margin-top: 7px;}
#our-beginning .place-bet{border: 0px; background: rgb(138, 106, 138); color: var(--cream); border-radius: 30px; padding: 13px 28px; min-height: 48px; font: 23px Cormorant, serif;}
#our-beginning .place-bet:disabled{opacity: 0.7; cursor: default;}
#our-beginning .place-bet span{margin-left: 8px;}
#our-beginning .skip-bet{border: 0px; background: none; min-height: 44px; padding: 10px; text-decoration: underline; font-size: 18px;}
#our-beginning .result{font: 18px / 1.3 Cormorant, serif; margin: 17px 4px 0px; min-height: 45px;}
#our-beginning .won .result{font: 30px / 1.2 Pinyon, cursive; color: rgb(138, 106, 138);}
#our-beginning .show-original{display: block; margin: 8px auto 0px; border: 0px; background: none; min-height: 44px; font: 16px Cormorant, serif; text-decoration: underline; text-underline-offset: 4px;}
#our-beginning footer a{color: inherit;}
#our-beginning button:focus-visible{outline: rgb(138, 154, 91) solid 2px; outline-offset: 3px;}
@media (max-width: 350px){#our-beginning .bet-story{padding-inline: 16px;}
#our-beginning .bet-story h2{font-size: 50px;}
#our-beginning .receipt{padding: 16px 12px;}
#our-beginning .receipt-brand strong{font-size: 19px;}
#our-beginning .receipt-brand svg{width: 48px;}
#our-beginning .selection b{font-size: 22px;}
#our-beginning .total{font-size: 12px;}
#our-beginning .receipt dl{font-size: 13px;}}
#our-beginning [hidden]{display: none !important;}
#our-beginning .receipt-brand.tote{gap: 5px;}
#our-beginning .receipt-brand.tote svg{width: 85px; height: 50px;}
#our-beginning .receipt-brand.tote strong{font: italic 900 23px / 1 Arial, sans-serif; letter-spacing: -1px; white-space: nowrap;}
#our-beginning .receipt-brand.tote span{font: 13px / 1.25 "Courier New", monospace; letter-spacing: 0px;}
#our-beginning{background: radial-gradient(ellipse at 85% 25%,#8a6a8a0c,transparent 55%),var(--cream);}
#our-beginning{max-width: 960px; margin: auto; padding: 48px 24px 35px;}
#our-beginning h2{position: static; font: 400 clamp(50px, 13vw, 72px) / 1.1 Pinyon, cursive; transform: none; opacity: 1; margin: 0px; color: var(--purple);}
#our-beginning header > p{font: 24px Cormorant, serif; color: var(--purple); margin: 12px 0px 0px;}
#our-beginning .composition{position: relative; max-width: 590px; margin: 26px auto 0px; padding-top: 170px;}
#our-beginning .badge-photo{position: absolute; right: -4px; top: 0px; width: 190px; margin: 0px; padding: 6px 6px 0px; transform: rotate(7deg); z-index: 2; box-shadow: rgba(99, 77, 98, 0.14) 1px 6px 19px; background: rgb(255, 253, 244);}
#our-beginning .badge-photo::before{content: ""; position: absolute; top: -10px; left: 35%; width: 60px; height: 22px; background: rgba(216, 199, 175, 0.533); transform: rotate(-13deg); z-index: 1; pointer-events: none;}
#our-beginning .badge-photo button{display: block; width: 100%; border: 0px; padding: 0px; background: none; cursor: zoom-in;}
#our-beginning .badge-photo img{display: block; width: 100%; height: auto;}
#our-beginning .badge-photo figcaption{font: 24px / 1.1 Pinyon, cursive; padding: 9px 0px 12px; color: var(--purple);}
#our-beginning .margin-note{position: absolute; top: 59px; left: 3px; font: 31px / 1.05 Pinyon, cursive; color: var(--purple); transform: rotate(-7deg);}
#our-beginning .ticket-shell{max-width: 354px; margin: 0px auto; padding: 15px 3px 20px; position: relative; z-index: 1;}
#our-beginning .receipt{transform: rotate(-2deg); color: rgb(72, 66, 71);}
#our-beginning .receipt-brand.tote{min-height: 55px; gap: 7px;}
#our-beginning .receipt-brand.tote svg{width: 85px; height: 49px;}
#our-beginning .receipt-brand.tote strong{font: italic 900 23px / 1 Arial, sans-serif; letter-spacing: -1px; white-space: nowrap;}
#our-beginning .selection > strong{grid-column: 1 / -1;}
#our-beginning .barcode{cursor: default;}
#our-beginning .horse-strip{position: relative; height: 75px; max-width: 530px; margin: 22px auto 5px;}
#our-beginning .scroll-horse{position: absolute; width: 108px; height: 60px; top: 7px; left: 0px; will-change: transform;}
#our-beginning .vector-horse{display: block; width: 100%; height: 100%; fill: var(--purple);}
#our-beginning .personal-copy{max-width: 370px; margin: 4px auto 0px; text-align: center; font: 23px / 1.35 Cormorant, serif;}
#our-beginning .personal-copy p{margin: 0px;}
#our-beginning .personal-copy > span{font: 36px Pinyon, cursive; color: var(--purple); display: block; margin-top: 22px;}
#our-beginning footer{padding-bottom: 28px;}
#our-beginning button:focus-visible{outline: 2px solid var(--green); outline-offset: 4px;}
@media (max-width: 350px){#our-beginning{padding: 35px 17px 25px;}
#our-beginning .badge-photo{width: 165px;}
#our-beginning .margin-note{font-size: 28px; top: 48px;}
#our-beginning .composition{padding-top: 150px;}
#our-beginning .receipt{padding: 17px 13px 15px;}
#our-beginning .receipt-brand.tote svg{width: 70px;}
#our-beginning .receipt-brand.tote strong{font-size: 20px;}
#our-beginning .personal-copy{font-size: 21px;}
#our-beginning .total{font-size: 12px;}}
@media (min-width: 800px){#our-beginning{padding-top: 58px;}
#our-beginning .composition{padding-top: 110px; margin-top: 30px; max-width: 760px;}
#our-beginning .badge-photo{right: 12px; top: 0px; width: 230px; transform: rotate(8deg);}
#our-beginning .margin-note{left: 8px; top: 180px; font-size: 40px;}
#our-beginning .ticket-shell{max-width: 370px;}
#our-beginning .personal-copy{max-width: 430px; font-size: 26px;}
#our-beginning .horse-strip{max-width: 570px; margin-top: 28px;}}
@media (prefers-reduced-motion: reduce){#our-beginning .scroll-horse{will-change: auto;}}
#our-beginning .badge-photo{background: transparent; padding: 0px; box-shadow: none;}
#our-beginning .badge-photo::before{display: none;}
#our-beginning .badge-photo img{filter: drop-shadow(rgba(99, 77, 98, 0.094) 0px 5px 5px);}
#our-beginning .option-nav{display: flex; align-items: center; justify-content: center; gap: 7px; padding: 12px 8px; border-bottom: 1px solid rgba(138, 106, 138, 0.125);}
#our-beginning .option-nav a{font: 11px / 1.3 Arial, sans-serif; text-decoration: none; color: var(--purple); padding: 12px 11px; min-height: 44px; border-radius: 24px; display: flex; align-items: center; text-align: center;}
#our-beginning .option-nav a[aria-current="page"]{background: var(--purple); color: var(--cream);}
#our-beginning{padding-top: 33px;}
#our-beginning .memory-sequence{margin: 24px auto 0px; max-width: 780px;}
#our-beginning .memory-stage{position: relative;}
#our-beginning .badge-scene{display: grid; place-items: center;}
#our-beginning .badge-photo{position: relative; inset: auto; width: min(100%, 560px); margin: 0px; transform: none; padding: 0px; background: none; box-shadow: none;}
#our-beginning .badge-photo::before{display: none;}
#our-beginning .badge-photo img{filter: drop-shadow(rgba(99, 77, 98, 0.1) 0px 8px 8px);}
#our-beginning .badge-photo figcaption{display: none;}
#our-beginning .receipt-scene .ticket-shell{width: 100%; max-width: 370px; margin: 0px auto; padding: 14px 5px 20px;}
#our-beginning .personal-copy{margin-top: 15px;}
#our-beginning .horse-strip{margin-top: 14px;}
#our-beginning .memory-sequence.stage{--stage-height: 580px; height: calc(var(--stage-height) + 110svh);}
#our-beginning .stage .memory-stage{position: sticky; top: var(--stage-top,15px); height: var(--stage-height);}
#our-beginning .stage .badge-scene,#our-beginning .stage .receipt-scene{position: absolute; inset: 0px; display: grid; place-items: center; will-change: transform, opacity;}
#our-beginning .stage .badge-scene{padding: 10px 0px;}
#our-beginning .stage .receipt-scene{opacity: 0; pointer-events: none;}
#our-beginning .stage.show-receipt .receipt-scene{pointer-events: auto;}
#our-beginning .stage.show-receipt .badge-scene{pointer-events: none;}
#our-beginning .flow .badge-scene{padding: 16px 0px 44px;}
#our-beginning .flow .receipt-scene{padding: 8px 0px 0px;}
#our-beginning .flow .badge-photo{will-change: transform;}
#our-beginning .flow .memory-stage{display: grid; gap: 20px;}
#our-beginning .personal-copy > span{display: none;}
@media (min-width: 800px){#our-beginning{padding-top: 42px;}
#our-beginning .flow .memory-stage{gap: 55px;}
#our-beginning .flow .badge-scene{padding-bottom: 0px;}
#our-beginning .badge-photo{width: min(100%, 560px);}
#our-beginning .receipt-scene .ticket-shell{max-width: 400px;}}
@media (prefers-reduced-motion: reduce){#our-beginning .memory-sequence.stage{height: auto;}
#our-beginning .stage .memory-stage{position: static; height: auto; display: grid; gap: 45px;}
#our-beginning .stage .badge-scene,#our-beginning .stage .receipt-scene{position: relative; inset: auto; will-change: auto; opacity: 1 !important; transform: none !important; pointer-events: auto !important;}
#our-beginning .flow .badge-photo{will-change: auto; transform: none !important;}}
#our-beginning{position:relative;isolation:isolate;margin-inline:auto;background:var(--cream);overflow:visible}
#our-beginning dialog{z-index:100}

body.memory-modal-open{overflow:hidden}

#our-beginning .badge-tap-hint{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;margin-top:8px;font:18px/1.2 Cormorant,Georgia,serif;color:var(--ink);text-decoration:underline;text-underline-offset:4px;text-decoration-color:#8a6a8a66}
#our-beginning .badge-tap-hint svg{flex-shrink:0}
#our-beginning .badge-photo button:hover .badge-tap-hint{text-decoration-color:currentColor}

#our-beginning .personal-copy .story-title{font:600 17px/1.4 Cormorant,Georgia,serif;letter-spacing:.09em;color:var(--purple);margin-bottom:15px}
#our-beginning .personal-copy p+p{margin-top:12px}