.hp .hh{position:relative;isolation:isolate;overflow:hidden;background:var(--bg);color:var(--txt);padding:28px var(--pad) 40px}.hp .hh__in{max-width:var(--maxw);margin:0 auto;display:grid;gap:28px;align-items:center}.hp .hh__h{font-weight:800;font-size:clamp(36px,10vw,68px);line-height:1.02;letter-spacing:-.035em;max-width:640px}.hp .hh__h{text-wrap:balance}@media(min-width:900px)and (max-width:1099px){.hp .hh__h{font-size:calc(56px + (100vw - 900px)/20)}}.hp .hh__h em{font-style:normal;background:var(--grad-t);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding:0 .04em .08em}.hp .hh__p{margin-top:16px;font-size:16.5px;line-height:1.55;color:#c9cbd5;max-width:520px}.hp .hh__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.hp .hh__pr{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:10px 14px 10px 16px;border-radius:var(--r-pill);background:var(--fill);color:var(--txt);text-decoration:none;font-size:14.5px;transition:background .25s}.hp .hh__pr span{font-weight:700}.hp .hh__pr b{font-weight:500;color:var(--mut)}.hp .hh__pr svg{width:16px;height:16px;transition:transform .3s var(--ease)}.hp .hh__b{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin-top:26px;max-width:460px}.hp .hh__b li{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:500;color:#e4e5ea}.hp .hh__b i{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#ff635529;color:var(--af-red-300)}.hp .hh__b svg{width:13px;height:13px}.hp .hh__sky{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity 1.4s ease}.hp .hh__sky.is-on{opacity:1}.hp .hh__vis{position:relative;display:grid;justify-items:center;gap:8px;width:100%}:is(.hp,.rng) .hh__o{position:relative;width:min(100%,560px);aspect-ratio:1;--mx:0;--my:0}:is(.hp,.rng) .hh__halo{position:absolute;left:14%;top:14%;width:72%;height:72%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,99,85,.2),rgba(194,58,47,.12) 55%,transparent 76%);filter:blur(22px);pointer-events:none}:is(.hp,.rng) .hh__ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;fill:none;pointer-events:none}:is(.hp,.rng) .hh__ring circle{stroke:#ffffff38;stroke-width:.42;stroke-linecap:round;stroke-dasharray:0 3}:is(.hp,.rng) .hh__trail{position:absolute;top:5%;right:5%;bottom:5%;left:5%;border-radius:50%;pointer-events:none;box-shadow:inset 0 0 0 1.4px #ffc4b4e6,0 0 12px #ff63558c,inset 0 0 12px #ff635559;-webkit-mask:conic-gradient(transparent 0 292deg,#000 358deg,transparent 360deg);mask:conic-gradient(transparent 0 292deg,#000 358deg,transparent 360deg);animation:hhSpin 14s linear infinite}:is(.hp,.rng) .hh__sat{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;animation:hhSpin 150s linear infinite}:is(.hp,.rng) .hh__arm{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(var(--hha))}:is(.hp,.rng) .hh__e{position:absolute;left:50%;top:5%;width:calc(var(--s) * 100%);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;overflow:hidden;background:#0a0b14;box-shadow:0 0 0 1px #fff3,0 0 18px -3px #ff635580}:is(.hp,.rng) .hh__e img{display:block;width:100%;height:100%;object-fit:cover}:is(.hp,.rng) .hh__st{position:absolute;left:8%;top:8%;width:84%;height:84%;z-index:2;transform:translate3d(calc(var(--mx) * -4px),calc(var(--my) * -4px),0);transition:transform 1.2s var(--ease)}:is(.hp,.rng) .hh__plain,:is(.hp,.rng) .hh__fx{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;-webkit-user-drag:none}:is(.hp,.rng) .hh__plain{transition:opacity .6s ease}:is(.hp,.rng) .hh__fx{-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(transparent,#000 10%,#000 90%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(transparent,#000 10%,#000 90%,transparent);mask-composite:intersect}:is(.hp,.rng) .hh__o.is-fx .hh__plain{opacity:0}:is(.hp,.rng) .hh__cs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}:is(.hp,.rng) .hh__c{position:absolute;margin:0;left:calc(var(--x) * 100%);top:calc(var(--y) * 100%);width:calc(var(--w) * 100%);aspect-ratio:3/4;transform:translate3d(calc(-50% + var(--mx) * var(--pz) * 1px),calc(-50% + var(--my) * var(--pz) * 1px),0);transition:transform 1.1s var(--ease)}:is(.hp,.rng) .hh__c--3{display:none}:is(.hp,.rng) .hh__f{position:absolute;top:0;right:0;bottom:0;left:0;animation:hhFloat var(--fd,8s) ease-in-out var(--fdel,0s) infinite alternate}:is(.hp,.rng) .hh__pic{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:11px;overflow:hidden;background:#18181d;transform:perspective(700px) rotateY(var(--ry,0deg)) rotate(var(--rz,0deg));transition:transform .6s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 0 1px #ffffff47,0 18px 36px -12px #000000d9}:is(.hp,.rng) .hh__pic:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,#ffffff38,#fff0 36%);pointer-events:none}:is(.hp,.rng) .hh__pic img{width:100%;height:100%;object-fit:cover;transform:scale(1.1);transform-origin:50% 30%}:is(.hp,.rng) .hh__pic.is-turn{transform:perspective(700px) rotateY(calc(var(--ry,0deg) + 90deg)) rotate(var(--rz,0deg));transition:transform .5s cubic-bezier(.5,0,.75,0)}:is(.hp,.rng) .hh__pic.is-back{transform:perspective(700px) rotateY(calc(var(--ry,0deg) - 90deg)) rotate(var(--rz,0deg));transition:none}.hp .hh.is-off .hh__trail,.hp .hh.is-off .hh__sat,.hp .hh.is-off .hh__f{animation-play-state:paused}@keyframes hhSpin{to{transform:rotate(360deg)}}@keyframes hhFloat{0%{transform:translate3d(0,4px,0) rotate(-.5deg)}to{transform:translate3d(0,-5px,0) rotate(.5deg)}}@media(min-width:560px){:is(.hp,.rng) .hh__c--3{display:block}:is(.hp,.rng) .hh__pic{border-radius:14px}}.hp .hh__s{font-size:14.5px;color:var(--mut)}.hp .hh__s b{color:var(--txt);font-weight:700}@media(hover:hover){.hp .hh__pr:hover{background:#ffffff1a}.hp .hh__pr:hover svg{transform:translate(3px)}}@media(max-width:420px){.hp .hh__cta .btn{flex:1 1 100%}}@media(min-width:900px){.hp .hh{padding:56px var(--pad) 72px}.hp .hh__in{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:40px}.hp .hh__p{font-size:18px}}@keyframes hpUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes hpIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}.js .hp .hh__txt>*{animation:hpUp .8s var(--ease) both}.js .hp .hh__txt>:nth-child(2){animation-delay:.08s}.js .hp .hh__txt>:nth-child(3){animation-delay:.16s}.js .hp .hh__txt>:nth-child(4){animation-delay:.24s}.js .hp .hh__txt>:nth-child(5){animation-delay:.3s}.js .hp .hh__txt>:nth-child(6){animation-delay:.36s}.js .hp .hh__vis{animation:hpIn 1.1s var(--ease) .15s both}.hp .hq{background:var(--bg);color:var(--txt);padding:4px 0 40px;overflow:hidden}.hp .hq .r4s{--r4h:184px;margin:0}.hp .hq .r4s__q{width:268px;padding:14px 16px;gap:8px}.hp .hq .r4s__q p{font-size:14px;line-height:1.38;-webkit-line-clamp:6;line-clamp:6}.hp .hq .r4s__q b{font-size:12.5px}@media(min-width:900px){.hp .hq{padding-bottom:64px}.hp .hq .r4s{--r4h:220px}.hp .hq .r4s__q{width:336px;padding:18px 22px;gap:10px}.hp .hq .r4s__q p{font-size:15.5px;line-height:1.42}.hp .hq .r4s__q b{font-size:13.5px}}.hp .hcw{--hwh:180px;--hwg:10px;--hws:7s;background:#000;color:var(--txt);padding:0 0 76px;overflow:hidden}.hp .hcw__h{font-size:clamp(30px,7.4vw,40px);font-weight:700;letter-spacing:-.03em;line-height:1.1;text-align:center;margin:0 var(--pad) 28px;text-wrap:balance}.hp .hcw__row{max-width:2800px;margin:0 auto;overflow-x:auto;scrollbar-width:none;touch-action:pan-x pan-y}.hp .hcw__row::-webkit-scrollbar{display:none}.hp .hcw__row+.hcw__row{margin-top:var(--hwg)}.hp .hcw__t{display:flex;width:max-content;margin:0;padding:0 0 0 var(--pad);list-style:none}.hp .hcw.is-loop .hcw__t{padding:0}.hp .hcw__i{flex:none;position:relative;width:calc(var(--hwh) * .75);height:var(--hwh);margin-right:var(--hwg);border-radius:18px;overflow:hidden;background:#15161c}.hp .hcw__i img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;user-select:none;-webkit-user-select:none}.hp .hcw__i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:0 0 0 1px #ffffff1f inset;pointer-events:none}.hp .hcw.is-loop .hcw__row{overflow:hidden;touch-action:pan-y;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.hp .hcw.is-loop .hcw__t{animation:hpWall calc(var(--n,14) * var(--hws)) linear infinite;animation-play-state:paused;will-change:transform}.hp .hcw.is-loop .hcw__row--r .hcw__t{animation-direction:reverse;animation-duration:calc(var(--n,14) * var(--hws) * 1.12)}.hp .hcw.is-on .hcw__t{animation-play-state:running}@keyframes hpWall{to{transform:translate3d(-50%,0,0)}}@media(min-width:900px){.hp .hcw{--hwh:264px;--hwg:16px;--hws:9s;padding-bottom:120px}.hp .hcw__h{margin-bottom:38px}.hp .hcw__i{border-radius:22px}}.hp .hcw.hcw--top{background:var(--bg);padding:4px 0 40px}.hp .hq.hq--low{background:#000;padding:0 0 76px}@media(min-width:900px){.hp .hcw.hcw--top{padding-bottom:64px}.hp .hq.hq--low{padding-bottom:120px}}.hp .hp-b{display:block;color:var(--ink);font-weight:700;margin-bottom:4px}.hp .hp-pr__h{display:flex;align-items:baseline;gap:10px;margin-bottom:12px;font-size:20px;font-weight:800;color:var(--ink);letter-spacing:-.01em}.hp .hp-pr__h span{font-size:14px;font-weight:500;color:var(--ink-muted)}.hp .hp-more{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-size:15px;font-weight:700;color:var(--af-red-700);text-decoration:none}.hp .ks--dark .hp-more{color:var(--af-red-300)}.hp .hp-more svg{width:18px;height:18px;transition:transform .3s var(--ease)}@media(hover:hover){.hp .hp-more:hover svg{transform:translate(3px)}}.hp .hp-pcs .pc{text-decoration:none}.hp .hp-pcs .pc .pc__i img{opacity:1}.hp .hp-pcs .pc:focus-visible:after{opacity:1}.hp .hp-spf{max-width:640px}.hp .hp-cta{justify-content:flex-start;margin-top:28px}.hp .ks--light .btn--sec{color:var(--ink);box-shadow:0 0 0 1.5px #10111a38 inset}@media(hover:hover){.hp .ks--light .btn--sec:hover{background:var(--mist)}}.hp .hp-film__in{display:grid;gap:24px}.hp .flm{position:relative;aspect-ratio:16/9;border-radius:var(--r-xl);overflow:hidden;background:#05060c;box-shadow:var(--sh-dark)}.hp .flm img,.hp .flm iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border:0}.hp .flm img{transition:transform .9s var(--ease)}.hp .flm:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#05060cb3,#05060c26 60%);pointer-events:none}.hp .flm.is-on:after{display:none}.hp .flm__b{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff;font-weight:600;font-size:15px}.hp .flm__b i{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--grad);box-shadow:0 14px 30px -12px #ff6355cc;transition:transform .3s var(--ease)}.hp .flm__b svg{margin-left:4px}@media(hover:hover){.hp .flm:hover img{transform:scale(1.03)}.hp .flm:hover .flm__b i{transform:scale(1.06)}}.hp .flm__b{justify-content:flex-end;padding-bottom:clamp(10px,5.5%,30px)}@media(max-width:600px){.hp .flm__b{gap:5px;font-size:12px;padding-bottom:9px}.hp .flm__b i{width:42px;height:42px}.hp .flm__b svg{width:17px;height:17px;margin-left:3px}}@media(min-width:900px){.hp .hp-film__in{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center}}.hp .cmp{display:grid;gap:8px;margin-top:26px}.hp .cmp__r{display:grid;gap:8px;padding:16px 18px;border-radius:var(--r-md);background:var(--mist)}.hp .cmp__k{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted)}.hp .cmp__a,.hp .cmp__o{display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:1.45}.hp .cmp__a{color:var(--ink);font-weight:600}.hp .cmp__o{color:var(--ink-muted)}.hp .cmp__a i,.hp .cmp__o i{flex:none;display:grid;place-items:center;width:22px;height:22px;margin-top:-1px;border-radius:50%}.hp .cmp__a i{background:var(--grad);color:#fff}.hp .cmp__a i svg{width:13px;height:13px}.hp .cmp__o i{background:#10111a12;color:var(--ink-muted)}.hp .cmp__r--h{display:none}@media(min-width:900px){.hp .cmp{gap:6px}.hp .cmp__r{grid-template-columns:minmax(0,3fr) minmax(0,5fr) minmax(0,4fr);gap:24px;align-items:center;padding:16px 22px}.hp .cmp__r--h{display:grid;background:none;padding-top:0;padding-bottom:6px}.hp .cmp__r--h b{display:block;font-size:17px;font-weight:800;color:var(--ink);letter-spacing:-.01em;text-transform:none}.hp .cmp__r--h small{display:block;margin-top:2px;font-size:13px;font-weight:500;color:var(--af-red-700);letter-spacing:0;text-transform:none}.hp .cmp__r--h .cmp__o b{color:var(--ink-muted)}.hp .cmp__r--h .cmp__k{align-self:end}}.hp .hp-st__g{display:grid;gap:12px;margin-top:24px}.hp .hp-st__c{min-height:220px}@media(min-width:760px){.hp .hp-st__g{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.hp .hp-st__c{min-height:300px;padding:24px}.hp .hp-st__c .sen__go{width:44px;height:44px}}.js .hp [data-rv]{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.js .hp [data-rv].is-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.js .hp .hh__txt>*,.js .hp .hh__vis{animation:none}.hp .hh__trail,.hp .hh__sat,.hp .hh__f{animation:none}.hp .hh__st,.hp .hh__c{transition:none}.js .hp [data-rv]{opacity:1;transform:none;transition:none}}.hp .hh__txt{position:relative;z-index:6}@media(max-width:899px){.hp .hh{padding-top:14px;padding-bottom:32px}.hp .hh__vis{order:-1}.hp .hh__o{margin:-4% 0 -3%}.hp .hh__in{gap:20px}}:is(.hp,.rng) .hh__fx.fx-has-bleed{-webkit-mask-image:none;mask-image:none}@media(max-width:899px){.hp .hh__in{grid-template-columns:minmax(0,1fr)}.hp .hh__o{width:min(100vw,560px);margin-left:calc((100% - min(100vw,560px))/2);margin-right:calc((100% - min(100vw,560px))/2)}.hp .hh__st{left:2%;top:2%;width:96%;height:96%}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/afn-site_home.css.map */