.soon{min-height:100svh;padding:0 var(--gutter);text-align:center;grid-template-rows:minmax(16px,1fr) repeat(7,auto) minmax(28px,1fr) auto;justify-items:center;display:grid;position:relative;overflow-x:clip}.soon:before{content:""}.soon__art{width:clamp(140px,min(54vw,28svh),360px)}.soon__bloom{width:clamp(110px,min(15vw,24svh),230px);position:absolute}.soon__bloom:before{width:48%;height:46%;top:30%;left:26%}.soon__bloom:after{width:24%;height:20%;bottom:14%;left:14%}.soon__bloom--left{top:9%;left:calc(50% - clamp(240px,30vw,440px));transform:scaleX(-1)rotate(8deg)}.soon__bloom--right{width:clamp(100px,min(14vw,22svh),210px);top:17%;left:calc(50% + clamp(140px,17vw,230px));transform:rotate(-6deg)}.soon__bloom--right:before{width:54%;height:50%;top:12%;left:8%}.soon__bloom--right:after{width:26%;height:22%;bottom:10%;left:auto;right:14%}@media (max-width:760px){.soon__bloom--left{width:min(30vw,15svh);top:3%;left:-7%}.soon__bloom--right{width:min(25vw,12svh);top:13%;left:auto;right:-6%}}.soon__kicker{font-family:var(--font-display);margin-top:clamp(6px,1.4svh,16px);font-size:clamp(1.05rem,1rem + .45vw,1.4rem);font-style:italic;font-weight:400}.soon h1{max-width:14ch;margin:.06em 0 .12em;font-size:clamp(2.8rem,min(1rem + 11vw,12svh),8.5rem)}.soon__date{font-family:var(--font-display);letter-spacing:-.01em;font-variant-numeric:tabular-nums;margin-bottom:.4em;font-size:clamp(1.3rem,min(1rem + 2vw,4.6svh),2.4rem);font-weight:500;line-height:1.05}.soon__where{max-width:52ch;color:var(--ink-soft);text-wrap:balance;font-size:clamp(.9rem,.9rem + .3vw,1.1rem)}.soon__intro{text-wrap:pretty;max-width:38ch;margin:clamp(10px,2.2svh,22px) 0 clamp(16px,3svh,28px);font-size:clamp(1rem,min(1rem + .4vw,2.5svh),1.25rem)}.soon__cal{z-index:2;position:relative}.soon__cal .cal__drop{width:max-content;max-width:calc(100vw - 2 * var(--gutter));border-radius:var(--card-radius);background:var(--ground);justify-items:center;gap:10px;padding:12px;display:grid;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}.soon__road{--car:clamp(104px, 11vw, 160px);--under:max(clamp(16px, 2.6svh, 30px), calc(var(--car) * .26));margin:0 calc(-1 * var(--gutter));padding-bottom:var(--under);grid-row:-2;justify-self:stretch;position:relative}.soon__road:before{content:"";left:0;right:0;bottom:var(--under);height:var(--route-width);background:repeating-linear-gradient(to right, var(--ink) 0 7px, transparent 7px 16px);position:absolute}.soon__car{width:var(--car);margin-left:calc(40% - var(--car) / 2);margin-bottom:calc(var(--car) * -.257 + 1px);display:block}@media (min-width:760px){.soon__car{margin-left:calc(22% - var(--car) / 2)}}html.mo .soon>:is(.soon__kicker,h1,.soon__date,.soon__where,.soon__intro,.soon__cal){animation:rise .8s var(--ease-out) both}html.mo .soon>h1{animation-delay:40ms}html.mo .soon>.soon__date{animation-delay:.1s}html.mo .soon>.soon__where{animation-delay:.42s}html.mo .soon>.soon__intro{animation-delay:.48s}html.mo .soon>.soon__cal{animation-delay:.56s}.soon__art{--sd:.12s}.soon__bloom--left{--sd:.2s}.soon__bloom--right{--sd:.32s}html.mo .soon .tint img{animation:stamp var(--t-stamp) var(--ease-stamp) var(--sd) both}html.mo .soon .tint:before,html.mo .soon .tint:after{animation:settle var(--t-settle) var(--ease-settle) calc(var(--sd) + .12s) both}html.mo .soon__road:before{animation:soon-draw .9s var(--ease-out) .7s both, march-x 1.2s linear 2.6s infinite}html.mo .soon__car{animation:soon-drive 1.5s var(--ease-out) 1.1s both}html.mo .soon__car img{transform-origin:22% 74%;animation:soon-brake .52s var(--ease-stamp) 2.35s both}@keyframes soon-draw{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}@keyframes soon-drive{0%{translate:100vw}}@keyframes soon-brake{40%{rotate:-2.5deg}}@media (hover:hover){html.mo .soon__car:hover img{animation:hop .52s var(--ease-stamp)}}
