#p_h #herovid{overflow:hidden;padding-top:1em;position:relative;background:#fff}#p_h #herovid .btn-scroll{position:absolute;left:1%;bottom:5%;transform-origin:bottom}#p_h #herovid .btn-scroll #ArrowContainer #Arrow{animation:down 2.2s linear infinite}@keyframes down{0%{transform:translateY(-200px)}to{transform:translateY(200px)}}@media screen and (max-width:1280px){#p_h #herovid .btn-scroll{height:300px}}@media screen and (max-width:1024px){#p_h #herovid .btn-scroll{height:160px;left:0}}#p_h #herovid #vid{border-radius:2em 2em 0 0;width:100%;height:100%;background:var(--p);aspect-ratio:16/9;object-fit:cover;height:90vh;margin-bottom:-6px}#p_h #herovid .cycle{position:absolute;bottom:0;right:0;padding:1em;z-index:1}#p_h #herovid .cycle .item{width:400px;height:auto;aspect-ratio:16/9;border:2px solid #fff;border-radius:1em}@media screen and (max-width:1280px){#p_h #herovid .cycle .item{width:300px}}@media screen and (max-width:1024px){#p_h #herovid .cycle .item{width:200px}}@media screen and (max-width:550px){#p_h #herovid .cycle .item{display:none}}#p_h #herovid .cycle:before{content:"";position:absolute;bottom:0;left:-5%;width:130%;height:60%;background:var(--br);z-index:-2;border-radius:200px 0 0 0}#p_h #hero{padding:5em;position:relative}@media screen and (max-width:1024px){#p_h #hero{padding:3em}}@media screen and (max-width:420px){#p_h #hero{padding:1em}}#p_h #hero .text-scroll{background:url(/g/scroller.png);background-repeat:repeat-x;height:300px;width:100%;position:absolute;left:0;top:30px;animation:scroll 20s linear infinite alternate-reverse;z-index:-1}@media screen and (max-width:1280px){#p_h #hero .text-scroll{animation-duration:40s}}@keyframes scroll{0%{background-position:0 0}to{background-position:100% 0}}#p_h #hero .text-scroll.b{position:absolute;top:auto;bottom:-200px;animation-direction:alternate}#p_h #hero .dgrid{position:absolute;bottom:90%;right:10%;z-index:2;width:420px}@media screen and (max-width:1280px){#p_h #hero .dgrid{width:400px;right:-10%}}@media screen and (max-width:500px){#p_h #hero .dgrid{width:200px}}#p_h #hero .herotl{position:absolute;top:-2%;left:0;width:130px;z-index:5}@media screen and (max-width:600px){#p_h #hero .herotl{left:-20%}}@media screen and (max-width:420px){#p_h #hero .herotl{display:none}}#p_h #hero .herobl{position:absolute;bottom:-200px;left:0;width:130px;z-index:5}@media screen and (max-width:600px){#p_h #hero .herobl{width:50px;bottom:-10%}}#p_h #hero .herobr{position:absolute;bottom:-50px;right:0;width:130px;z-index:5}@media screen and (max-width:600px){#p_h #hero .herobr{right:-20%}}#p_h #hero .panel{background:#fff;height:800px;border-radius:3em;display:grid;grid-template-columns:1fr 1fr;align-items:center;grid-gap:2em;gap:2em;padding:0 5%;justify-content:center;overflow:hidden;rotate:-1deg;position:relative;z-index:1}@media screen and (max-width:1660px){#p_h #hero .panel{grid-template-columns:1.4fr 1fr}}@media screen and (max-width:1280px){#p_h #hero .panel{height:500px}}@media screen and (max-width:1024px){#p_h #hero .panel{display:flex;flex-direction:column;justify-content:center;height:auto}}#p_h #hero .panel .side{position:absolute;z-index:1;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}@media screen and (max-width:1440px){#p_h #hero .panel .side{scale:.5}}#p_h #hero .panel .side.sidel{left:-60px}#p_h #hero .panel .side.sidel,#p_h #hero .panel .side.sider{position:absolute;top:0;object-fit:contain;z-index:10;object-position:center;width:120px}#p_h #hero .panel .side.sider{right:-60px}#p_h #hero .panel .l{display:flex;flex-direction:column;position:relative;height:100%;color:var(--br);justify-content:center;padding-left:10%}@media screen and (max-width:1024px){#p_h #hero .panel .l{padding-top:20%}}#p_h #hero .panel .l:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/d/empty-heart.png) no-repeat 50%;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;background-size:contain}@media screen and (max-width:1024px){#p_h #hero .panel .l:before{top:20%;opacity:.5}}#p_h #hero .panel .l .ht{font-size:4rem;font-family:var(--fontG);color:var(--p);line-height:.5}@media screen and (max-width:1600px){#p_h #hero .panel .l .ht{font-size:3rem}}@media screen and (max-width:600px){#p_h #hero .panel .l .ht{font-size:2rem}}@media screen and (max-width:500px){#p_h #hero .panel .l .ht{font-size:1.5rem}}#p_h #hero .panel .l .hb{font-size:6.5rem;line-height:1}@media screen and (max-width:1600px){#p_h #hero .panel .l .hb{font-size:4rem}}@media screen and (max-width:600px){#p_h #hero .panel .l .hb{font-size:3rem}}@media screen and (max-width:500px){#p_h #hero .panel .l .hb{font-size:1.9rem}}#p_h #hero .panel .l p{margin:1em 0;font-size:1.4rem}@media screen and (max-width:1600px){#p_h #hero .panel .l p{font-size:1rem}}@media screen and (max-width:600px){#p_h #hero .panel .l p{font-size:.9rem}}#p_h #hero .panel .l .btn-hero{background:var(--br);color:#fff;align-items:center;padding:.55em 1.5em;border-radius:1em;outline:2px solid var(--br);outline-offset:3px}@media screen and (max-width:500px){#p_h #hero .panel .l .btn-hero{white-space:nowrap;font-size:1rem}}#p_h #hero .panel .l svg{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);transition:all .2s ease}#p_h #hero .panel .l .action{display:flex;align-items:center}#p_h #hero .panel .l .action:has(.btn-hero:hover) svg{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}@media screen and (max-width:600px){#p_h #hero .panel .l .action svg{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);max-width:120px}}#p_h #hero .panel .r{display:flex;justify-content:center;position:relative;height:100%;padding:5%}@media screen and (max-width:1024px){#p_h #hero .panel .r{height:500px;width:100%}}@media screen and (max-width:500px){#p_h #hero .panel .r{margin-top:-50px}}#p_h #hero .panel .r .card{filter:drop-shadow(0 12px 0 rgba(97,19,58,.212));width:100%;height:100%;scale:.8;position:absolute;top:0;left:0;object-fit:contain}@keyframes sway{0%{transform:rotate(0deg);scale:1.02}to{transform:rotate(5deg)}}#p_h #hero .panel .r .ha{position:absolute;width:100%;height:100%;object-fit:contain;object-position:bottom}@media screen and (max-width:500px){#p_h #hero .panel .r .ha{height:600px;top:10%;width:500px}}