.hero{--dur:14s;--loop:9s;--spin:5s;--field:#141413;--line:#f7f7f5;--muted:#bcbcb6;--sub:#8c8c86;--live:#ff5722;--part:#bcbcb6;--spark:#ff5722;--ghost:.22;position:relative;overflow:hidden;display:flex;flex-direction:column;height:calc(100svh - var(--hero-top, 6rem) - 1rem);min-height:18rem;border-radius:1rem;background:var(--field);color:var(--line);font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic Medium,Noto Sans JP,system-ui,sans-serif}.hero:before{inset:0;background:radial-gradient(130% 110% at 40% 45%,transparent 55%,rgba(0,0,0,.45) 100%),repeating-linear-gradient(180deg,rgba(255,255,255,.025) 0 1px,transparent 1px 5px)}.hero:after,.hero:before{content:"";position:absolute;pointer-events:none}.hero:after{right:0;top:0;width:6px;height:100%;background:var(--live);z-index:4}.promo{position:relative;flex:1;min-height:0;overflow:hidden;container-type:size}.promo .scene,.promo .stage{position:absolute;inset:0}.promo .scene{z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1.5rem;text-align:center;pointer-events:none;opacity:0}.promo .scene-flow{animation:hp-flow var(--dur) linear both}.promo .scene-head{animation:hp-head var(--dur) linear both}.promo .scene-brand{visibility:hidden;pointer-events:auto;font-size:clamp(14px,min(1.5cqw,2.6cqh),20px);animation:hp-brand var(--dur) linear both}.promo .diagram{display:block;overflow:visible}.promo .diagram-h{display:none}.promo .diagram-v{flex:1;min-height:0;width:100%}.promo .diagram .st{fill:none;stroke:var(--line);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.promo .diagram .tick{stroke:var(--sub);stroke-width:1.5;opacity:.55}.promo .diagram text{fill:var(--line);font-weight:600;letter-spacing:.09em}.promo .diagram-h text{font-size:21px}.promo .diagram-v text{font-size:30px}.promo .track{fill:none;stroke:var(--sub);stroke-width:2;opacity:.55;stroke-dasharray:100;stroke-dashoffset:100;animation:hp-track var(--dur) linear both}.promo .prog{fill:none;stroke:var(--live);stroke-width:4;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;animation:hp-prog var(--dur) linear both}.promo .dot{fill:var(--field);stroke:var(--line);stroke-width:2.5}.promo .on{fill:var(--live);opacity:0}.promo .on1{animation:hp-on1 var(--dur) linear both}.promo .on2{animation:hp-on2 var(--dur) linear both}.promo .on3{animation:hp-on3 var(--dur) linear both}.promo .on4{animation:hp-on4 var(--dur) linear both}.promo .ico{opacity:.22}.promo .ico1{animation:hp-ico1 var(--dur) linear both}.promo .ico2{animation:hp-ico2 var(--dur) linear both}.promo .ico3{animation:hp-ico3 var(--dur) linear both}.promo .ico4{animation:hp-ico4 var(--dur) linear both}.promo .pass{stroke:var(--live)}.promo .lay{fill:var(--part);opacity:0}.promo .lay1{animation:hp-lay1 var(--dur) linear both}.promo .lay2{animation:hp-lay2 var(--dur) linear both}.promo .lay3{animation:hp-lay3 var(--dur) linear both}.promo .lay4{animation:hp-lay4 var(--dur) linear both}.promo .nozzle{animation:hp-nozzle var(--dur) linear both}.promo .shipout{opacity:0;animation:hp-shipout var(--dur) linear both}.promo .diagram-v .shipout{animation-name:hp-shipout-v}.promo .head{font-size:clamp(22px,min(7.4cqw,11cqh),64px);font-weight:700;line-height:1.35;letter-spacing:.03em}.promo .head span{display:block;color:var(--sub);font-weight:600}.promo .brand{display:contents}.promo .shop{order:1;font-size:2.4em;font-weight:700;letter-spacing:.2em;margin-right:-.2em;line-height:1}.promo .tag{order:2;font-size:.95em;color:var(--sub);margin-top:.9em;letter-spacing:.05em}.promo .sub{order:3;margin-top:1.6em;max-width:40em;font-size:1.05em;line-height:1.8;color:var(--muted)}.promo .sub b{font-weight:700;color:var(--line)}.promo .actions{order:4;margin-top:1.8em;display:flex;flex-wrap:wrap;justify-content:center;gap:.8em}.promo .cta{display:inline-block;background:var(--live);color:#fff;border:1px solid var(--live);font-size:1em;font-weight:600;padding:.8em 1.6em;border-radius:.6em;letter-spacing:.06em;white-space:nowrap;transition:filter .2s,box-shadow .2s,background-color .2s,border-color .2s}.promo .cta:hover{filter:brightness(1.06);box-shadow:0 8px 20px -10px rgba(255,87,34,.7)}.promo .cta-outline{background:transparent;color:var(--line);border-color:rgba(255,255,255,.25)}.promo .cta-outline:hover{filter:none;box-shadow:none;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.4)}@container (max-width: 560px){.promo .sub br{display:none}}.promo .ghost{position:absolute;left:80%;top:13%;width:0;height:0;z-index:1;font-size:min(1.7cqw,1cqh);perspective:64em;perspective-origin:50% 50%;pointer-events:none;opacity:0;animation:hp-ghostIn var(--dur) linear both}.promo .gplan{position:absolute;left:0;top:0;width:28em;overflow:visible;transform:translate(-50%,calc(-50% - 2.14em));animation:hp-gplanOut var(--dur) linear both}.promo .gplan path{fill:none;stroke:var(--line);stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-linecap:square;stroke-dasharray:100;stroke-dashoffset:100;animation:hp-gdraw var(--dur) linear both}.promo .gplan .g2{animation-name:hp-gdraw2}.promo .box,.promo .gbuild,.promo .grig,.promo .gspin,.promo .obj{position:absolute;width:0;height:0;transform-style:preserve-3d}.promo .gbuild{left:0;top:0}.promo .grig{transform:rotateX(-16deg)}.promo .gspin{animation:hp-gspin var(--spin) linear calc(var(--dur) * .36) infinite}.promo .box>i{display:block;position:absolute;left:50%;top:50%;border:1px solid var(--line)}.promo .box>i:after{content:"";position:absolute;inset:0;background:var(--sub);opacity:0;animation:hp-gfill var(--dur) linear both}.promo .box>.u{width:var(--w);height:var(--d);margin:calc(var(--d)/-2) 0 0 calc(var(--w)/-2);transform:rotateX(90deg) translateZ(calc(var(--h)/2))}.promo .box>.fr{transform:translateZ(calc(var(--d)/2))}.promo .box>.bk,.promo .box>.fr{width:var(--w);height:var(--h);margin:calc(var(--h)/-2) 0 0 calc(var(--w)/-2)}.promo .box>.bk{transform:rotateY(180deg) translateZ(calc(var(--d)/2))}.promo .box>.lf{transform:rotateY(-90deg) translateZ(calc(var(--w)/2))}.promo .box>.lf,.promo .box>.rt{width:var(--d);height:var(--h);margin:calc(var(--h)/-2) 0 0 calc(var(--d)/-2)}.promo .box>.rt{transform:rotateY(90deg) translateZ(calc(var(--w)/2))}.promo .o-table{transform:translateY(-4.45em)}.promo .b-top{--w:25.5em;--h:.95em;--d:15.3em}.promo .b-tleg{--w:1.2em;--h:8.9em;--d:1.2em}.promo .t1{transform:translate3d(-11em,4.925em,5.95em)}.promo .t2{transform:translate3d(11em,4.925em,5.95em)}.promo .t3{transform:translate3d(-11em,4.925em,-5.95em)}.promo .t4{transform:translate3d(11em,4.925em,-5.95em)}.promo .o-chair{transform:translateY(.55em)}.promo .b-seat{--w:11em;--h:.66em;--d:11em}.promo .b-cleg{--w:.83em;--h:6.6em;--d:.83em}.promo .c1{transform:translate3d(-4.78em,3.63em,4.78em)}.promo .c2{transform:translate3d(4.78em,3.63em,4.78em)}.promo .c3{transform:translate3d(-4.78em,3.63em,-4.78em)}.promo .c4{transform:translate3d(4.78em,3.63em,-4.78em)}.promo .b-back{--w:11em;--h:7.7em;--d:.66em;transform:translate3d(0,-4.18em,-5.17em)}.promo .o-shelf{transform:none}.promo .b-side{--w:.9em;--h:13.5em;--d:7.5em}.promo .b-board{--w:15em;--h:.75em;--d:7.5em}.promo .s1{transform:translateX(-7.8em)}.promo .s2{transform:translateX(7.8em)}.promo .s3{transform:translateY(-6.4em)}.promo .s5{transform:translateY(6.4em)}.promo .o-table>.box>i{opacity:0;animation:hp-oTable var(--loop) linear calc(var(--dur) * .34) infinite backwards}.promo .o-chair>.box>i{opacity:0;animation:hp-oChair var(--loop) linear calc(var(--dur) * .34) infinite backwards}.promo .o-shelf>.box>i{opacity:0;animation:hp-oShelf var(--loop) linear calc(var(--dur) * .34) infinite backwards}.promo.is-offscreen .gspin,.promo.is-offscreen .obj>.box>i{animation-play-state:paused}.hero-skip{position:absolute;right:1.25rem;top:1rem;z-index:5;font-size:.75rem;letter-spacing:.1em;color:var(--sub);padding:.35rem .9rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(20,20,19,.6);cursor:pointer;transition:color .2s,border-color .2s}.hero-skip:hover{color:var(--line);border-color:rgba(255,255,255,.4)}@container (orientation: landscape){.promo .stage{--dur:15s;inset:0;margin:auto;width:min(100cqw,177.78cqh);height:min(100cqh,56.25cqw);font-size:min(1.3333cqw,2.37cqh)}.promo .scene{display:contents;animation:none;visibility:visible;pointer-events:auto}.promo .scene-brand{font-size:inherit}.promo .head{position:absolute;left:5em;top:2.2em;z-index:3;font-size:3em;line-height:1.3;text-align:left;opacity:0;animation:hl-head var(--dur) linear both}.promo .diagram-v{display:none}.promo .diagram-h{display:block;position:absolute;left:50%;top:50%;width:86%;height:auto;z-index:2;transform:translate(-50%,-50%);opacity:0;animation:hl-band var(--dur) linear both}.promo .track{animation-name:hl-track}.promo .prog{animation-name:hl-prog}.promo .on1{animation-name:hl-on1}.promo .on2{animation-name:hl-on2}.promo .on3{animation-name:hl-on3}.promo .on4{animation-name:hl-on4}.promo .ico1{animation-name:hl-ico1}.promo .ico2{animation-name:hl-ico2}.promo .ico3{animation-name:hl-ico3}.promo .ico4{animation-name:hl-ico4}.promo .lay1{animation-name:hl-lay1}.promo .lay2{animation-name:hl-lay2}.promo .lay3{animation-name:hl-lay3}.promo .lay4{animation-name:hl-lay4}.promo .nozzle{animation-name:hl-nozzle}.promo .shipout{animation-name:hl-shipout}.promo .sub{left:5em;width:max-content;max-width:none;margin:0;font-size:1.1em;line-height:1.75;text-align:left;animation:hl-subc var(--dur) linear both}.promo .brand,.promo .sub{position:absolute;bottom:4.5em;z-index:3;opacity:0}.promo .brand{display:block;right:5em;text-align:right;visibility:hidden;animation:hl-brand var(--dur) linear both}.promo .shop{font-size:2.2em;margin-right:0}.promo .tag{margin:.8em 0 1.4em}.promo .actions{margin-top:0;flex-wrap:nowrap;justify-content:flex-end}.promo .ghost{left:78%;top:18%;font-size:.75em;animation-name:hl-ghostIn}.promo .gplan{animation-name:hl-gplanOut}.promo .gplan path{animation-name:hl-gdraw}.promo .gplan .g2{animation-name:hl-gdraw2}.promo .box>i:after{animation-name:hl-gfill}.promo .gspin{animation-delay:calc(var(--dur) * .48)}.promo .obj>.box>i{animation-delay:calc(var(--dur) * .46)}}@keyframes hp-flow{0%{opacity:0}2%,57%{opacity:1}61%,to{opacity:0}}@keyframes hp-track{0%,2%{stroke-dashoffset:100}9%,to{stroke-dashoffset:0}}@keyframes hp-prog{0%,11%{stroke-dashoffset:100}47%,to{stroke-dashoffset:0}}@keyframes hp-on1{0%,10%{opacity:0}12%,to{opacity:1}}@keyframes hp-on2{0%,22%{opacity:0}24%,to{opacity:1}}@keyframes hp-on3{0%,34%{opacity:0}36%,to{opacity:1}}@keyframes hp-on4{0%,46%{opacity:0}48%,to{opacity:1}}@keyframes hp-ico1{0%,9%{opacity:.22}13%,to{opacity:1}}@keyframes hp-ico2{0%,21%{opacity:.22}25%,to{opacity:1}}@keyframes hp-ico3{0%,33%{opacity:.22}37%,to{opacity:1}}@keyframes hp-ico4{0%,45%{opacity:.22}49%,to{opacity:1}}@keyframes hp-lay1{0%,24%{opacity:0;transform:translateY(5px)}26.5%,to{opacity:1;transform:translateY(0)}}@keyframes hp-lay2{0%,26%{opacity:0;transform:translateY(5px)}28.5%,to{opacity:1;transform:translateY(0)}}@keyframes hp-lay3{0%,28%{opacity:0;transform:translateY(5px)}30.5%,to{opacity:1;transform:translateY(0)}}@keyframes hp-lay4{0%,30%{opacity:0;transform:translateY(5px)}32.5%,to{opacity:1;transform:translateY(0)}}@keyframes hp-nozzle{0%,22%{transform:translateX(-16px)}25%{transform:translateX(16px)}28%{transform:translateX(-16px)}31%{transform:translateX(16px)}33%,to{transform:translateX(0)}}@keyframes hp-shipout{0%,48%{opacity:0;transform:translateX(0)}50%{opacity:1}57%,to{opacity:0;transform:translateX(140px)}}@keyframes hp-shipout-v{0%,48%{opacity:0;transform:translateY(0)}50%{opacity:1}57%,to{opacity:0;transform:translateY(90px)}}@keyframes hp-head{0%,61%{opacity:0}64%,80%{opacity:1}83%,to{opacity:0}}@keyframes hp-brand{0%,84%{opacity:0;visibility:hidden}84.1%{visibility:visible}89%,to{opacity:1;visibility:visible}}@keyframes hp-ghostIn{0%,21%{opacity:0}25%,to{opacity:var(--ghost)}}@keyframes hp-gdraw{0%,22%{stroke-dashoffset:100}32%,to{stroke-dashoffset:0}}@keyframes hp-gdraw2{0%,26%{stroke-dashoffset:100}34%,to{stroke-dashoffset:0}}@keyframes hp-gplanOut{0%,34%{opacity:1}38%,to{opacity:0}}@keyframes hp-gfill{0%,40%{opacity:0}48%,to{opacity:.5}}@keyframes hl-head{0%,3%{opacity:0}7%,to{opacity:1}}@keyframes hl-band{0%{opacity:0}3%,to{opacity:1}}@keyframes hl-track{0%,5%{stroke-dashoffset:100}14%,to{stroke-dashoffset:0}}@keyframes hl-prog{0%,18%{stroke-dashoffset:100}70%,to{stroke-dashoffset:0}}@keyframes hl-on1{0%,21%{opacity:0}24%,to{opacity:1}}@keyframes hl-on2{0%,34%{opacity:0}37%,to{opacity:1}}@keyframes hl-on3{0%,49%{opacity:0}52%,to{opacity:1}}@keyframes hl-on4{0%,65%{opacity:0}68%,to{opacity:1}}@keyframes hl-ico1{0%,20%{opacity:.22}25%,to{opacity:1}}@keyframes hl-ico2{0%,33%{opacity:.22}38%,to{opacity:1}}@keyframes hl-ico3{0%,48%{opacity:.22}53%,to{opacity:1}}@keyframes hl-ico4{0%,64%{opacity:.22}69%,to{opacity:1}}@keyframes hl-lay1{0%,34%{opacity:0;transform:translateY(5px)}37%,to{opacity:1;transform:translateY(0)}}@keyframes hl-lay2{0%,36%{opacity:0;transform:translateY(5px)}39%,to{opacity:1;transform:translateY(0)}}@keyframes hl-lay3{0%,38%{opacity:0;transform:translateY(5px)}41%,to{opacity:1;transform:translateY(0)}}@keyframes hl-lay4{0%,40%{opacity:0;transform:translateY(5px)}43%,to{opacity:1;transform:translateY(0)}}@keyframes hl-nozzle{0%,33%{transform:translateX(-16px)}36%{transform:translateX(16px)}39%{transform:translateX(-16px)}42%{transform:translateX(16px)}45%,to{transform:translateX(0)}}@keyframes hl-shipout{0%,70%{opacity:0;transform:translateX(0)}72%{opacity:1}79%,to{opacity:0;transform:translateX(140px)}}@keyframes hl-subc{0%,42%{opacity:0}46%,to{opacity:1}}@keyframes hl-brand{0%,76%{opacity:0;visibility:hidden}76.1%{visibility:visible}80%,to{opacity:1;visibility:visible}}@keyframes hl-ghostIn{0%,31%{opacity:0}35%,to{opacity:var(--ghost)}}@keyframes hl-gdraw{0%,33%{stroke-dashoffset:100}43%,to{stroke-dashoffset:0}}@keyframes hl-gdraw2{0%,38%{stroke-dashoffset:100}47%,to{stroke-dashoffset:0}}@keyframes hl-gplanOut{0%,46%{opacity:1}50%,to{opacity:0}}@keyframes hl-gfill{0%,56%{opacity:0}64%,to{opacity:.5}}@keyframes hp-gspin{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}@keyframes hp-oTable{0%{opacity:0}30%,5%{opacity:1}36%,to{opacity:0}}@keyframes hp-oChair{0%,30%{opacity:0}36%,63%{opacity:1}69%,to{opacity:0}}@keyframes hp-oShelf{0%,63%{opacity:0}69%,95%{opacity:1}to{opacity:0}}.hero.is-done *,.hero.is-done :after{animation-delay:calc(var(--dur) * -1 - 1s)!important}@media (prefers-reduced-motion:reduce){.hero *,.hero :after{animation-delay:calc(var(--dur) * -1 - 1s)!important;animation-play-state:paused!important}}