/* Bumble Design: home page styles */
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.mq-track{display:flex;width:max-content;animation:mq 40s linear infinite}
.mq-group{display:flex;align-items:center;flex-shrink:0}
.rise-3{animation:rise .8s .24s cubic-bezier(.2,.7,.2,1) both}
.btn-honey{background:#F4B72B;color:#111413}
.navlink:hover::after{transform:scaleX(1)}
.faq{border-top:1.5px solid rgba(17,20,19,.85)}
.faq:last-child{border-bottom:1.5px solid rgba(17,20,19,.85)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 0;font-family:'Young Serif',Georgia,serif;font-size:26px;line-height:1.25}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:'Schibsted Grotesk',system-ui,sans-serif;font-size:34px;line-height:1;transition:transform .25s ease;flex-shrink:0}
.faq[open] summary::after{transform:rotate(45deg)}
.faq summary:focus-visible,.btn:focus-visible,.navlink:focus-visible{outline:3px solid #F4B72B;outline-offset:4px}
.faq p{margin:0 0 28px;max-width:640px;font-size:18px;line-height:1.6;color:rgba(17,20,19,.78)}
.hatch{background-image:repeating-linear-gradient(135deg,rgba(17,20,19,.1) 0,rgba(17,20,19,.1) 2px,transparent 2px,transparent 14px)}
.ln{display:block;overflow:hidden;padding-bottom:.26em;margin-bottom:-.26em}
.ln-in{display:inline-block;animation:lineUp 1.1s cubic-bezier(.2,.8,.2,1) both}
.l1{animation-delay:2.3s}
.l2{animation-delay:2.45s}
.l3{animation-delay:2.6s}
@keyframes lineUp{from{transform:translateY(112%)}to{transform:translateY(0)}}
.hrise{animation:rise .9s 3s cubic-bezier(.2,.7,.2,1) both}
.hrise2{animation:rise .9s 3.15s cubic-bezier(.2,.7,.2,1) both}
.underline path{stroke-dasharray:1;stroke-dashoffset:0;animation:draw 1.1s 3.1s cubic-bezier(.6,0,.2,1) both}
@keyframes draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.float{animation:float 8s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.paper{-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/20px 100%;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/20px 100%;overflow:visible}
.doc-row{opacity:0;animation-duration:11s;animation-iteration-count:infinite;animation-delay:2.4s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.2,.7,.2,1)}
.d1{animation-name:d1}
.d2{animation-name:d2}
.d3{animation-name:d3}
.d4{animation-name:d4}
.dt{animation-name:dt}
@keyframes d1{0%,8%{opacity:0;transform:translateY(10px)}12%,92%{opacity:1;transform:translateY(0)}96%,100%{opacity:0;transform:translateY(0)}}
@keyframes d2{0%,15%{opacity:0;transform:translateY(10px)}19%,92%{opacity:1;transform:translateY(0)}96%,100%{opacity:0;transform:translateY(0)}}
@keyframes d3{0%,22%{opacity:0;transform:translateY(10px)}26%,92%{opacity:1;transform:translateY(0)}96%,100%{opacity:0;transform:translateY(0)}}
@keyframes d4{0%,30%{opacity:0;transform:translateY(10px)}34%,92%{opacity:1;transform:translateY(0)}96%,100%{opacity:0;transform:translateY(0)}}
@keyframes dt{0%,38%{opacity:0}46%,92%{opacity:1}96%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.ln-in,.hrise,.hrise2,.underline path,.float{animation:none}.doc-row{animation:none;opacity:1}}
.loader{position:fixed;inset:0;z-index:100;background:#111413;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;animation:loaderOut 2.7s cubic-bezier(.7,0,.2,1) both}
@keyframes loaderOut{0%,70%{clip-path:inset(0 0 0 0);visibility:visible}100%{clip-path:inset(0 0 100% 0);visibility:hidden}}
.stage{position:relative;width:800px;height:300px;flex-shrink:0}
.trail{position:absolute;inset:0;opacity:0;animation:trailIn .5s .15s ease forwards}
@keyframes trailIn{to{opacity:1}}
.flyer{position:absolute;left:0;top:0;width:64px;height:64px;offset-path:path('M60 200 C 200 40, 300 40, 400 150 S 600 270, 740 100');offset-rotate:auto;offset-distance:0%;animation:fly 1.7s .2s cubic-bezier(.45,0,.35,1) both}
@keyframes fly{from{offset-distance:0%}to{offset-distance:100%}}
.loader .wing{animation:flap .09s ease-in-out infinite alternate}
.loader-word{font-size:30px;opacity:0;animation:wordIn .6s .5s ease forwards}
@keyframes wordIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (max-width:860px){.stage{transform:scale(.42);margin:-90px -250px}}
@media (prefers-reduced-motion:reduce){.loader{display:none}}
@media (prefers-reduced-motion:reduce){.mq-track,.rise,.rise-2,.rise-3{animation:none}.btn,.btn .arr,.navlink::after,.faq summary::after{transition:none}}


/* Hero Section changes*/
@media (max-width: 1024px) {
	.hero-docket { display: none; }
}

@media (max-width: 640px) {
	.navlink.hero-link { padding: 6px 20px; }
}

/* Footer Cta button Section changes*/
@media (max-width: 640px) {
	.btn.cta-final { padding: 12px 24px !important; }
}