.long-guide-page{--guide-ink:#0a1830;--guide-copy:#3f4b5f;--guide-muted:#748096;--guide-line:#dce1e8;--guide-soft:#f3f3ee;--guide-blue:#5267d8;--guide-acid:#dff06f;color:var(--guide-ink);background:#fff}.long-guide-progress{z-index:100;pointer-events:none;height:2px;position:fixed;top:0;left:0;right:0}.long-guide-progress span{width:var(--guide-progress,0%);background:var(--guide-blue);height:100%;display:block}.long-guide-hero{border-bottom:1px solid var(--guide-line);background:#fff;position:relative;overflow:hidden}.long-guide-hero:before,.long-guide-hero:after{content:"";pointer-events:none;position:absolute}.long-guide-hero:before{aspect-ratio:1;border:1px solid #5267d821;border-radius:50%;width:min(48vw,760px);top:-40%;right:-12vw}.long-guide-hero:after{background:linear-gradient(90deg,#0000,#5267d84d,#0000);width:min(42vw,660px);height:1px;bottom:21%;right:-4vw;transform:rotate(-17deg)}.long-guide-hero__motion{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.long-guide-hero__motion span{opacity:0;will-change:transform, opacity;display:block;position:absolute}.long-guide-hero[data-guide-motion=flyer] .long-guide-hero__motion span{border-top:1px solid #5267d838;border-right:1px solid #5267d81f;width:min(38vw,590px);height:clamp(100px,16vw,230px);animation:9s cubic-bezier(.45,0,.25,1) infinite long-guide-flyer-edge;right:-7%}.long-guide-hero[data-guide-motion=flyer] .long-guide-hero__motion span:first-child{top:8%}.long-guide-hero[data-guide-motion=flyer] .long-guide-hero__motion span:nth-child(2){animation-delay:-5.8s;top:39%}.long-guide-hero[data-guide-motion=flyer] .long-guide-hero__motion span:nth-child(3){animation-delay:-2.8s;top:70%}.long-guide-hero[data-guide-motion=poster] .long-guide-hero__motion span{border:1px solid #5267d824;width:clamp(110px,13vw,210px);height:78%;animation:10s cubic-bezier(.45,0,.25,1) infinite long-guide-poster-frame;bottom:-44%}.long-guide-hero[data-guide-motion=poster] .long-guide-hero__motion span:first-child{right:5%}.long-guide-hero[data-guide-motion=poster] .long-guide-hero__motion span:nth-child(2){animation-delay:-6.4s;right:19%}.long-guide-hero[data-guide-motion=poster] .long-guide-hero__motion span:nth-child(3){animation-delay:-3.2s;right:33%}.long-guide-hero[data-guide-motion=pamphlet] .long-guide-hero__motion span{transform-origin:50% 0;background:linear-gradient(#0000,#5267d845 28%,#5267d81a 78%,#0000);width:1px;height:112%;animation:7.6s cubic-bezier(.45,0,.25,1) infinite long-guide-pamphlet-fold;top:-12%}.long-guide-hero[data-guide-motion=pamphlet] .long-guide-hero__motion span:first-child{right:13%}.long-guide-hero[data-guide-motion=pamphlet] .long-guide-hero__motion span:nth-child(2){animation-delay:.48s;right:28%}.long-guide-hero[data-guide-motion=pamphlet] .long-guide-hero__motion span:nth-child(3){animation-delay:.96s;right:43%}.long-guide-hero[data-guide-motion=card] .long-guide-hero__motion span{aspect-ratio:1.62;border:1px solid #5267d829;border-radius:3px;width:clamp(180px,22vw,340px);animation:8.4s cubic-bezier(.45,0,.25,1) infinite long-guide-card-stack;top:50%;right:clamp(-28px,3vw,54px)}.long-guide-hero[data-guide-motion=card] .long-guide-hero__motion span:first-child{animation-delay:0s}.long-guide-hero[data-guide-motion=card] .long-guide-hero__motion span:nth-child(2){animation-delay:.58s}.long-guide-hero[data-guide-motion=card] .long-guide-hero__motion span:nth-child(3){animation-delay:1.16s}.long-guide-hero[data-guide-motion=envelope] .long-guide-hero__motion span{--guide-envelope-angle:0deg;--guide-envelope-shift:0px;top:calc(50% + var(--guide-envelope-shift));transform-origin:100%;background:linear-gradient(90deg,#0000,#5267d840);width:min(42vw,650px);height:1px;animation:8.8s cubic-bezier(.45,0,.25,1) infinite long-guide-envelope-fold;right:-5%}.long-guide-hero[data-guide-motion=envelope] .long-guide-hero__motion span:first-child{--guide-envelope-angle:23deg;--guide-envelope-shift:-68px}.long-guide-hero[data-guide-motion=envelope] .long-guide-hero__motion span:nth-child(2){--guide-envelope-angle:-23deg;--guide-envelope-shift:68px;animation-delay:.58s}.long-guide-hero[data-guide-motion=envelope] .long-guide-hero__motion span:nth-child(3){animation-delay:1.16s}.long-guide-hero[data-guide-motion=newsletter] .long-guide-hero__motion span{transform-origin:0;background:linear-gradient(90deg,#5267d83d,#0000);width:min(36vw,560px);height:1px;animation:7.8s cubic-bezier(.45,0,.25,1) infinite long-guide-newsletter-rule;left:58%}.long-guide-hero[data-guide-motion=newsletter] .long-guide-hero__motion span:first-child{top:27%}.long-guide-hero[data-guide-motion=newsletter] .long-guide-hero__motion span:nth-child(2){width:min(29vw,440px);animation-delay:.46s;top:50%}.long-guide-hero[data-guide-motion=newsletter] .long-guide-hero__motion span:nth-child(3){width:min(33vw,510px);animation-delay:.92s;top:73%}.long-guide-hero[data-guide-motion=ticket] .long-guide-hero__motion span{transform-origin:100%;background:repeating-linear-gradient(90deg,#5267d847 0 5px,#0000 5px 13px);width:min(39vw,610px);height:1px;animation:8.2s cubic-bezier(.45,0,.25,1) infinite long-guide-ticket-perforation;right:-4%}.long-guide-hero[data-guide-motion=ticket] .long-guide-hero__motion span:first-child{top:28%}.long-guide-hero[data-guide-motion=ticket] .long-guide-hero__motion span:nth-child(2){animation-delay:.52s;top:51%}.long-guide-hero[data-guide-motion=ticket] .long-guide-hero__motion span:nth-child(3){animation-delay:1.04s;top:74%}.long-guide-hero[data-guide-motion=logo] .long-guide-hero__motion span{aspect-ratio:1;transform-origin:50%;border:1px solid #5267d82b;border-radius:50%;animation:8.6s cubic-bezier(.45,0,.25,1) infinite long-guide-logo-construct;top:50%;right:8%}.long-guide-hero[data-guide-motion=logo] .long-guide-hero__motion span:first-child{width:min(36vw,560px)}.long-guide-hero[data-guide-motion=logo] .long-guide-hero__motion span:nth-child(2){width:min(27vw,420px);animation-delay:.52s}.long-guide-hero[data-guide-motion=logo] .long-guide-hero__motion span:nth-child(3){width:min(18vw,280px);animation-delay:1.04s}.long-guide-hero[data-guide-motion=package] .long-guide-hero__motion span{aspect-ratio:.74;transform-origin:100%;border:1px solid #5267d82b;width:clamp(118px,14vw,214px);animation:8.8s cubic-bezier(.45,0,.25,1) infinite long-guide-package-fold;top:50%;right:7%}.long-guide-hero[data-guide-motion=package] .long-guide-hero__motion span:first-child{animation-delay:0s}.long-guide-hero[data-guide-motion=package] .long-guide-hero__motion span:nth-child(2){animation-delay:.54s}.long-guide-hero[data-guide-motion=package] .long-guide-hero__motion span:nth-child(3){animation-delay:1.08s}.long-guide-hero[data-guide-motion=naming] .long-guide-hero__motion span{transform-origin:100% 100%;border-bottom:1px solid #5267d838;border-right:1px solid #5267d84d;width:min(42vw,650px);height:22px;animation:8.4s cubic-bezier(.45,0,.25,1) infinite long-guide-naming-compose;right:2%}.long-guide-hero[data-guide-motion=naming] .long-guide-hero__motion span:first-child{width:min(35vw,540px);top:25%}.long-guide-hero[data-guide-motion=naming] .long-guide-hero__motion span:nth-child(2){animation-delay:.52s;top:49%}.long-guide-hero[data-guide-motion=naming] .long-guide-hero__motion span:nth-child(3){width:min(29vw,450px);animation-delay:1.04s;top:73%}.long-guide-hero[data-guide-motion=motion-logo] .long-guide-hero__motion span{aspect-ratio:1.45;border:1px solid #5267d82e;border-radius:4px;width:clamp(122px,15vw,230px);animation:8.2s cubic-bezier(.45,0,.25,1) infinite long-guide-motion-logo-frame;top:50%;right:5%}.long-guide-hero[data-guide-motion=motion-logo] .long-guide-hero__motion span:first-child{animation-delay:0s}.long-guide-hero[data-guide-motion=motion-logo] .long-guide-hero__motion span:nth-child(2){animation-delay:.46s}.long-guide-hero[data-guide-motion=motion-logo] .long-guide-hero__motion span:nth-child(3){animation-delay:.92s}.long-guide-hero[data-guide-motion=cd-dvd] .long-guide-hero__motion span{aspect-ratio:1;border:1px solid #5267d83d;border-color:#5267d83d #5267d81f #0000 #0000;border-radius:50%;animation:8.8s cubic-bezier(.45,0,.25,1) infinite long-guide-disc-groove;top:50%;right:7%}.long-guide-hero[data-guide-motion=cd-dvd] .long-guide-hero__motion span:first-child{width:min(36vw,560px)}.long-guide-hero[data-guide-motion=cd-dvd] .long-guide-hero__motion span:nth-child(2){width:min(27vw,420px);animation-delay:.48s}.long-guide-hero[data-guide-motion=cd-dvd] .long-guide-hero__motion span:nth-child(3){width:min(18vw,280px);animation-delay:.96s}.long-guide-hero[data-guide-motion=signboard] .long-guide-hero__motion span{--guide-signboard-angle:0deg;transform-origin:100%;background:linear-gradient(90deg,#0000,#5267d842);width:min(45vw,700px);height:1px;animation:8.6s cubic-bezier(.45,0,.25,1) infinite long-guide-signboard-sightline;top:50%;right:-4%}.long-guide-hero[data-guide-motion=signboard] .long-guide-hero__motion span:first-child{--guide-signboard-angle:17deg}.long-guide-hero[data-guide-motion=signboard] .long-guide-hero__motion span:nth-child(2){animation-delay:.5s}.long-guide-hero[data-guide-motion=signboard] .long-guide-hero__motion span:nth-child(3){--guide-signboard-angle:-17deg;animation-delay:1s}.long-guide-hero[data-guide-motion=nobori] .long-guide-hero__motion span{background:linear-gradient(90deg,#0000,#5267d83d,#0000);width:min(42vw,650px);height:1px;animation:7.8s cubic-bezier(.45,0,.25,1) infinite long-guide-nobori-wind;right:-5%}.long-guide-hero[data-guide-motion=nobori] .long-guide-hero__motion span:first-child{top:29%}.long-guide-hero[data-guide-motion=nobori] .long-guide-hero__motion span:nth-child(2){width:min(34vw,530px);animation-delay:.48s;top:51%}.long-guide-hero[data-guide-motion=nobori] .long-guide-hero__motion span:nth-child(3){width:min(38vw,590px);animation-delay:.96s;top:72%}.long-guide-hero[data-guide-motion=banner] .long-guide-hero__motion span{transform-origin:100%;background:linear-gradient(90deg,#0000,#5267d80b,#0000);border-block:1px solid #5267d833;width:min(44vw,680px);height:clamp(42px,5vw,76px);animation:8.2s cubic-bezier(.45,0,.25,1) infinite long-guide-banner-stretch;right:-4%}.long-guide-hero[data-guide-motion=banner] .long-guide-hero__motion span:first-child{width:min(36vw,560px);top:21%}.long-guide-hero[data-guide-motion=banner] .long-guide-hero__motion span:nth-child(2){animation-delay:.5s;top:44%}.long-guide-hero[data-guide-motion=banner] .long-guide-hero__motion span:nth-child(3){width:min(40vw,620px);animation-delay:1s;top:67%}.long-guide-hero[data-guide-motion=banner-stand] .long-guide-hero__motion span{transform-origin:50% 100%;background:linear-gradient(#5267d80a,#0000 70%);border:1px solid #5267d830;width:clamp(56px,6vw,92px);height:min(52vh,390px);animation:8.4s cubic-bezier(.45,0,.25,1) infinite long-guide-banner-stand-rise;bottom:12%}.long-guide-hero[data-guide-motion=banner-stand] .long-guide-hero__motion span:first-child{right:8%}.long-guide-hero[data-guide-motion=banner-stand] .long-guide-hero__motion span:nth-child(2){height:min(46vh,340px);animation-delay:.52s;right:22%}.long-guide-hero[data-guide-motion=banner-stand] .long-guide-hero__motion span:nth-child(3){height:min(40vh,290px);animation-delay:1.04s;right:36%}.long-guide-hero[data-guide-motion=car] .long-guide-hero__motion span{transform-origin:100%;background:linear-gradient(90deg,#0000,#5267d842,#a8e0d638,#0000);width:min(48vw,740px);height:2px;animation:7.6s cubic-bezier(.45,0,.25,1) infinite long-guide-car-lane;right:-8%}.long-guide-hero[data-guide-motion=car] .long-guide-hero__motion span:first-child{--guide-car-angle:-7deg;top:27%}.long-guide-hero[data-guide-motion=car] .long-guide-hero__motion span:nth-child(2){--guide-car-angle:4deg;width:min(39vw,610px);animation-delay:.48s;top:51%}.long-guide-hero[data-guide-motion=car] .long-guide-hero__motion span:nth-child(3){--guide-car-angle:-3deg;width:min(44vw,680px);animation-delay:.96s;top:73%}.long-guide-hero[data-guide-motion=web-banner] .long-guide-hero__motion span{aspect-ratio:3;background:linear-gradient(135deg,#5267d80d,#0000 64%);border:1px solid #5267d833;width:min(34vw,520px);animation:8s cubic-bezier(.45,0,.25,1) infinite long-guide-web-banner-grid;top:50%;right:7%}.long-guide-hero[data-guide-motion=web-banner] .long-guide-hero__motion span:first-child{--guide-web-x:-6%;--guide-web-y:-130%}.long-guide-hero[data-guide-motion=web-banner] .long-guide-hero__motion span:nth-child(2){aspect-ratio:1;--guide-web-x:-22%;--guide-web-y:-38%;width:min(24vw,360px);animation-delay:.5s}.long-guide-hero[data-guide-motion=web-banner] .long-guide-hero__motion span:nth-child(3){aspect-ratio:2;--guide-web-x:4%;--guide-web-y:54%;width:min(28vw,430px);animation-delay:1s}.long-guide-hero[data-guide-motion=video] .long-guide-hero__motion span{transform-origin:100%;background:repeating-linear-gradient(90deg,#5267d814 0 1px,#0000 1px 11%);border-block:1px solid #5267d829;width:min(46vw,710px);height:clamp(38px,5vw,70px);animation:8.4s cubic-bezier(.45,0,.25,1) infinite long-guide-video-timeline;top:29%;right:-5%}.long-guide-hero[data-guide-motion=video] .long-guide-hero__motion span:after{content:"";background:linear-gradient(#0000,#5267d87a,#0000);width:1px;animation:8.4s ease-in-out infinite long-guide-video-playhead;position:absolute;top:-8px;bottom:-8px;left:0}.long-guide-hero[data-guide-motion=video] .long-guide-hero__motion span:nth-child(2){width:min(40vw,620px);animation-delay:.46s;top:49%}.long-guide-hero[data-guide-motion=video] .long-guide-hero__motion span:nth-child(2):after{animation-delay:.46s}.long-guide-hero[data-guide-motion=video] .long-guide-hero__motion span:nth-child(3){width:min(34vw,530px);animation-delay:.92s;top:69%}.long-guide-hero[data-guide-motion=video] .long-guide-hero__motion span:nth-child(3):after{animation-delay:.92s}.long-guide-hero[data-guide-motion=presentation] .long-guide-hero__motion span{aspect-ratio:16/9;transform-origin:100%;background:linear-gradient(90deg,#5267d821 0 22%,#0000 22%),linear-gradient(#0000 18%,#5267d814 18% 19%,#0000 19% 43%,#5267d812 43% 44%,#0000 44%);border:1px solid #5267d82b;width:min(38vw,590px);animation:8.6s cubic-bezier(.45,0,.25,1) infinite long-guide-presentation-deck;top:50%;right:2%}.long-guide-hero[data-guide-motion=presentation] .long-guide-hero__motion span:first-child{--guide-deck-x:-4%;--guide-deck-y:-62%;--guide-deck-angle:-2deg}.long-guide-hero[data-guide-motion=presentation] .long-guide-hero__motion span:nth-child(2){--guide-deck-x:2%;--guide-deck-y:-48%;--guide-deck-angle:2deg;animation-delay:.5s}.long-guide-hero[data-guide-motion=presentation] .long-guide-hero__motion span:nth-child(3){--guide-deck-x:8%;--guide-deck-y:-34%;--guide-deck-angle:5deg;animation-delay:1s}.long-guide-hero[data-guide-motion=e-pamphlet] .long-guide-hero__motion{perspective:1000px}.long-guide-hero[data-guide-motion=e-pamphlet] .long-guide-hero__motion span{transform-origin:0;background:linear-gradient(#5267d817 0 15%,#0000 15%),repeating-linear-gradient(#0000 0 13%,#5267d812 13% 13.4%);border:1px solid #5267d82b;width:min(20vw,300px);height:72%;animation:8.6s cubic-bezier(.45,0,.25,1) infinite long-guide-e-pamphlet-page;top:15%;right:6%}.long-guide-hero[data-guide-motion=e-pamphlet] .long-guide-hero__motion span:first-child{--guide-ebook-x:-76%;--guide-ebook-angle:-3deg}.long-guide-hero[data-guide-motion=e-pamphlet] .long-guide-hero__motion span:nth-child(2){--guide-ebook-x:-34%;--guide-ebook-angle:0deg;animation-delay:.48s}.long-guide-hero[data-guide-motion=e-pamphlet] .long-guide-hero__motion span:nth-child(3){--guide-ebook-x:8%;--guide-ebook-angle:3deg;animation-delay:.96s}.long-guide-hero__copy>*{animation:.82s cubic-bezier(.2,.7,.2,1) both long-guide-copy-enter}.long-guide-hero h1>span{display:block}.long-guide-hero__copy>:first-child{animation-delay:60ms}.long-guide-hero__copy>:nth-child(2){animation-delay:.14s}.long-guide-hero__copy>:nth-child(3){animation-delay:.25s}.long-guide-hero__copy>:nth-child(4){animation-delay:.37s}.long-guide-hero__visual{animation:1s cubic-bezier(.2,.7,.2,1) .2s both long-guide-visual-enter}@keyframes long-guide-copy-enter{0%{opacity:0;transform:translateY(17px)}to{opacity:1;transform:translate(0,0)}}@keyframes long-guide-visual-enter{0%{opacity:0;transform:translate(28px,12px)}to{opacity:1;transform:translate(0,0)}}@keyframes long-guide-flyer-edge{0%,12%{opacity:0;transform:translate(28%,-10px)rotate(-8deg)}28%,68%{opacity:1}86%,to{opacity:0;transform:translate(-18%,12px)rotate(-8deg)}}@keyframes long-guide-poster-frame{0%,14%{opacity:0;transform:translateY(16%)}30%,70%{opacity:1}88%,to{opacity:0;transform:translateY(-20%)}}@keyframes long-guide-pamphlet-fold{0%,12%{opacity:0;transform:rotate(18deg)scaleY(0)}30%,68%{opacity:1;transform:rotate(18deg)scaleY(1)}88%,to{opacity:0;transform:rotate(18deg)scaleY(.12)}}@keyframes long-guide-card-stack{0%,12%{opacity:0;transform:translate(42%,-50%)rotate(8deg)}30%,66%{opacity:1;transform:translate(-10%,-50%)rotate(-3deg)}86%,to{opacity:0;transform:translate(-34%,-50%)rotate(-7deg)}}@keyframes long-guide-envelope-fold{0%,12%{opacity:0;transform:rotate(var(--guide-envelope-angle)) scaleX(0)}30%,68%{opacity:1;transform:rotate(var(--guide-envelope-angle)) scaleX(1)}88%,to{opacity:0;transform:rotate(var(--guide-envelope-angle)) scaleX(.08)}}@keyframes long-guide-newsletter-rule{0%,12%{opacity:0;transform:translate(22px)scaleX(0)}30%,68%{opacity:1;transform:translate(0,0)scaleX(1)}88%,to{opacity:0;transform:translate(18px)scaleX(.08)}}@keyframes long-guide-ticket-perforation{0%,12%{opacity:0;transform:translate(18%)scaleX(.08)}30%,68%{opacity:1;transform:translate(0,0)scaleX(1)}88%,to{opacity:0;transform:translate(-16%)scaleX(.22)}}@keyframes long-guide-logo-construct{0%,12%{opacity:0;transform:translate(50%,-50%)scale(.55)rotate(-12deg)}30%,68%{opacity:1;transform:translate(50%,-50%)scale(1)rotate(0)}88%,to{opacity:0;transform:translate(50%,-50%)scale(1.16)rotate(9deg)}}@keyframes long-guide-package-fold{0%,12%{opacity:0;transform:translate(62%,-50%)scaleX(.16)skewY(-6deg)}30%,68%{opacity:1;transform:translate(-46%,-50%)scaleX(1)skewY(0)}88%,to{opacity:0;transform:translate(-112%,-50%)scaleX(.22)skewY(5deg)}}@keyframes long-guide-naming-compose{0%,12%{opacity:0;transform:translate(16%)scaleX(.05)}30%,68%{opacity:1;transform:translate(0,0)scaleX(1)}88%,to{opacity:0;transform:translate(-13%)scaleX(.12)}}@keyframes long-guide-motion-logo-frame{0%,12%{opacity:0;transform:translate(74%,-50%)scale(.72)rotate(7deg)}31%,66%{opacity:1;transform:translate(-28%,-50%)scale(1)rotate(0)}86%,to{opacity:0;transform:translate(-118%,-50%)scale(.86)rotate(-6deg)}}@keyframes long-guide-disc-groove{0%,12%{opacity:0;transform:translate(50%,-50%)scale(.72)rotate(-56deg)}30%,68%{opacity:1;transform:translate(50%,-50%)scale(1)rotate(42deg)}88%,to{opacity:0;transform:translate(50%,-50%)scale(1.08)rotate(148deg)}}@keyframes long-guide-signboard-sightline{0%,12%{opacity:0;transform:rotate(var(--guide-signboard-angle)) scaleX(.04)}30%,68%{opacity:1;transform:rotate(var(--guide-signboard-angle)) scaleX(1)}88%,to{opacity:0;transform:rotate(var(--guide-signboard-angle)) scaleX(.15)}}@keyframes long-guide-nobori-wind{0%,12%{opacity:0;transform:translate(22%,-7px)scaleX(.08)skew(14deg)}30%,68%{opacity:1;transform:translate(-8%,7px)scaleX(1)skew(-9deg)}88%,to{opacity:0;transform:translate(-42%,-5px)scaleX(.2)skew(12deg)}}@keyframes long-guide-banner-stretch{0%,12%{opacity:0;transform:translate(18%)scaleX(.06)}30%,68%{opacity:1;transform:translate(-5%)scaleX(1)}88%,to{opacity:0;transform:translate(-28%)scaleX(.18)}}@keyframes long-guide-banner-stand-rise{0%,12%{opacity:0;transform:translateY(20%)scaleY(.05)}30%,68%{opacity:1;transform:translateY(-2%)scaleY(1)}88%,to{opacity:0;transform:translateY(-18%)scaleY(.22)}}@keyframes long-guide-car-lane{0%,12%{opacity:0;transform:translate3d(28%, 0, 0) rotate(var(--guide-car-angle)) scaleX(.08)}30%,68%{opacity:1;transform:translate3d(-8%, 0, 0) rotate(var(--guide-car-angle)) scaleX(1)}88%,to{opacity:0;transform:translate3d(-48%, 0, 0) rotate(var(--guide-car-angle)) scaleX(.18)}}@keyframes long-guide-web-banner-grid{0%,12%{opacity:0;transform:translate3d(calc(var(--guide-web-x) + 16%), var(--guide-web-y), 0) scale(.72)}30%,68%{opacity:1;transform:translate3d(var(--guide-web-x), var(--guide-web-y), 0) scale(1)}88%,to{opacity:0;transform:translate3d(calc(var(--guide-web-x) - 12%), var(--guide-web-y), 0) scale(.84)}}@keyframes long-guide-video-timeline{0%,12%{opacity:0;transform:translate(20%)scaleX(.08)}28%,70%{opacity:1;transform:translate(-4%)scaleX(1)}88%,to{opacity:0;transform:translate(-26%)scaleX(.22)}}@keyframes long-guide-video-playhead{0%,18%{opacity:0;transform:translate(0)}30%{opacity:1}72%{opacity:.85;transform:translate(min(46vw,710px))}86%,to{opacity:0;transform:translate(min(46vw,710px))}}@keyframes long-guide-presentation-deck{0%,12%{opacity:0;transform:translate3d(calc(var(--guide-deck-x) + 28%), var(--guide-deck-y), 0) rotate(calc(var(--guide-deck-angle) + 5deg)) scale(.82)}30%,68%{opacity:1;transform:translate3d(var(--guide-deck-x), var(--guide-deck-y), 0) rotate(var(--guide-deck-angle)) scale(1)}88%,to{opacity:0;transform:translate3d(calc(var(--guide-deck-x) - 18%), calc(var(--guide-deck-y) - 4%), 0) rotate(calc(var(--guide-deck-angle) - 3deg)) scale(.91)}}@keyframes long-guide-e-pamphlet-page{0%,12%{opacity:0;transform:translate3d(calc(var(--guide-ebook-x) + 28%), 0, 0) rotateY(-74deg) rotateZ(var(--guide-ebook-angle))}30%,68%{opacity:1;transform:translate3d(var(--guide-ebook-x), 0, 0) rotateY(0deg) rotateZ(var(--guide-ebook-angle))}88%,to{opacity:0;transform:translate3d(calc(var(--guide-ebook-x) - 20%), 0, 0) rotateY(58deg) rotateZ(var(--guide-ebook-angle))}}.long-guide-hero__grid{z-index:1;grid-template-columns:minmax(0,1fr) minmax(320px,440px);align-items:center;gap:clamp(62px,8vw,124px);min-height:610px;padding-block:clamp(76px,8vw,118px);display:grid;position:relative}.long-guide-hero__kicker{color:var(--guide-blue);font:800 10px/1.4 var(--font-latin), var(--font-jp);letter-spacing:.19em;margin-bottom:25px}.long-guide-hero h1{letter-spacing:-.045em;text-wrap:balance;max-width:720px;font-size:clamp(34px,4vw,50px);line-height:1.45}.long-guide-hero__lead{color:#586579;max-width:660px;margin-top:29px;font-size:clamp(14px,1.25vw,16px);line-height:2.05}.long-guide-hero__meta{flex-wrap:wrap;gap:24px 48px;margin-top:42px;display:flex}.long-guide-hero__meta div{gap:7px;display:grid}.long-guide-hero__meta dt{color:#9099a8;font:800 8px/1 var(--font-latin), var(--font-jp);letter-spacing:.16em}.long-guide-hero__meta dd{color:#26354e;font:700 11px/1.4 var(--font-latin), var(--font-jp);margin:0}.long-guide-hero__visual{justify-self:end;width:min(100%,430px);margin:0}.long-guide-hero__visual>div{background:#f4f3ed;padding:18px;position:relative;transform:rotate(1.25deg);box-shadow:0 30px 70px #1321391f}.long-guide-hero__visual>div:before{content:"";pointer-events:none;border:1px solid #ffffffe6;position:absolute;inset:8px}.long-guide-hero__visual img{width:100%;height:auto}.long-guide-hero__visual figcaption{justify-content:space-between;align-items:baseline;gap:24px;margin-top:23px;padding-left:3px;display:flex}.long-guide-hero__visual figcaption span{color:var(--guide-blue);font:800 8px/1 var(--font-latin);letter-spacing:.18em;white-space:nowrap}.long-guide-hero__visual figcaption b{color:#657086;text-align:right;font-size:11px;line-height:1.65}.long-guide-breadcrumbs{border-bottom:1px solid var(--guide-line);background:#fff}.long-guide-map{border-bottom:1px solid var(--guide-line);background:#fbfbf8}.long-guide-map__inner{padding-block:48px 54px}.long-guide-map__inner>p{color:#667287;margin-bottom:23px;font-size:12px;font-weight:600}.long-guide-map__inner>p span{color:var(--guide-blue);font:800 8px/1 var(--font-latin);letter-spacing:.18em;margin-right:14px}.long-guide-map ol{grid-template-columns:repeat(var(--guide-map-count,4), minmax(0, 1fr));margin:0;padding:0;list-style:none;display:grid}.long-guide-map li+li{border-left:1px solid var(--guide-line)}.long-guide-map a{min-height:110px;transition:color .28s, transform .4s var(--ease-out);grid-template-rows:12px auto;grid-template-columns:30px minmax(0,1fr) 18px;align-content:start;align-items:start;gap:14px 4px;padding:7px clamp(18px,2.5vw,34px) 4px;display:grid}.long-guide-map a:hover{color:var(--guide-blue);transform:translateY(-3px)}.long-guide-map a>span{color:#9aa3b2;font:800 9px/1 var(--font-latin);grid-row:1/3;align-self:start;padding-top:3px}.long-guide-map small{color:#7d8798;font:800 7px/1 var(--font-latin);letter-spacing:.14em;grid-area:1/2}.long-guide-map strong{grid-area:2/2;min-width:0;font-size:14px;line-height:1.65}.long-guide-map i{color:var(--guide-blue);grid-area:2/3;align-self:start;padding-top:2px;font-size:14px;font-style:normal}.long-guide-layout{grid-template-columns:minmax(0,740px) minmax(240px,285px);justify-content:space-between;align-items:start;gap:clamp(70px,9vw,130px);padding-block:clamp(86px,9vw,132px) clamp(120px,13vw,190px);display:grid}.long-guide-body{min-width:0;color:var(--guide-copy);font-size:var(--type-jp-article-body);line-height:var(--leading-jp-article-body)}.long-guide-opening{color:#2f3d55;border-left:3px solid var(--guide-acid);margin:0 0 76px;padding:0 0 2px 28px;font-size:17px;font-weight:600;line-height:2.05}.long-guide-content>h2[data-chapter]{color:var(--guide-ink);letter-spacing:-.03em;margin:128px 0 37px;padding:30px 0 0 72px;scroll-margin-top:120px;font-size:clamp(25px,2.65vw,35px);line-height:1.52;position:relative}.long-guide-content>h2[data-chapter]:first-child{margin-top:0}.long-guide-content>h2[data-chapter]:before{content:attr(data-chapter);color:var(--guide-blue);font:800 11px/1 var(--font-latin);letter-spacing:.12em;position:absolute;top:0;left:0}.long-guide-content>h2[data-chapter]:after{content:"";background:linear-gradient(90deg, var(--guide-blue), #a8e0d6);border-radius:99px;width:44px;height:3px;position:absolute;top:29px;left:0}.long-guide-content>h3{color:var(--guide-ink);letter-spacing:-.018em;margin:68px 0 24px;padding-left:20px;font-size:clamp(19px,1.8vw,23px);line-height:1.62;position:relative}.long-guide-content>h3:before{content:"";background:var(--guide-blue);border-radius:50%;width:6px;height:6px;position:absolute;top:calc(.81em + 2px);left:0;transform:translateY(-50%)}.long-guide-content>h4{color:#24344d;letter-spacing:-.01em;margin:44px 0 16px;font-size:16px;line-height:1.7}.long-guide-content>p{margin:0 0 1.7em}.long-guide-content strong{color:#172641;font-weight:700}.long-guide-content em{font-style:normal;font-weight:600}.long-guide-content a:not(.btn-flat-border):not(.btn-flat-border2){color:var(--action-link-color);text-underline-offset:.24em;text-decoration:underline 1px}.long-guide-content>ul,.long-guide-content>ol,.long-guide-insight ul,.long-guide-insight ol{margin:29px 0 40px;padding-left:1.45em}.long-guide-content li{padding-left:.35em}.long-guide-content li+li{margin-top:.72em}.long-guide-content li::marker{color:var(--guide-blue);font-weight:700}.long-guide-content li>ul,.long-guide-content li>ol{margin:.8em 0 1.2em;padding-left:1.4em}.long-guide-content>p:has(>img){margin-block:58px 50px}.long-guide-content>p>img,.long-guide-content .gallery img{width:auto;max-width:100%;height:auto;margin-inline:auto}.long-guide-content .gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:56px 0 62px;display:grid}.long-guide-content .gallery.gallery-columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.long-guide-content .gallery figure,.long-guide-content .gallery div{margin:0}.long-guide-content .gallery img{width:100%}.long-guide-insight{color:#384458;background:var(--guide-soft);margin:57px 0;padding:38px 40px 41px;position:relative}.long-guide-insight:before{content:"PRACTICAL NOTE";color:#727d8f;font:800 8px/1 var(--font-latin);letter-spacing:.2em;margin-bottom:20px;display:block}.long-guide-insight h3{color:var(--guide-ink);margin:0 0 20px;font-size:19px;line-height:1.66}.long-guide-insight p{margin:0 0 1.4em;font-size:14px;line-height:2.05}.long-guide-insight>:last-child{margin-bottom:0}.long-guide-service-link,.long-guide-contact-link{text-align:center;margin:50px 0 26px!important}.long-guide-service-link a,.long-guide-contact-link a{min-height:var(--button-min-height);color:#fff;background:var(--guide-blue);border-radius:var(--button-radius);transition:transform .35s var(--ease-out), box-shadow .35s var(--ease-out);justify-content:center;align-items:center;padding:0 28px;font-size:13px;font-weight:700;display:inline-flex}.long-guide-contact-link a{color:var(--guide-ink);background:var(--guide-acid)}.long-guide-service-link a:hover,.long-guide-contact-link a:hover{transform:translateY(-3px);box-shadow:0 15px 32px #16243d29}.long-guide-resource-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:28px 0 58px;display:grid}.long-guide-resource-links--single{grid-template-columns:minmax(0,1fr);max-width:440px}.long-guide-resource-links a{min-height:94px;transition:color .25s, transform .35s var(--ease-out), background .25s;background:#f7f7f3;align-content:center;gap:10px;padding:20px 44px 20px 20px;display:grid;position:relative;color:var(--guide-ink)!important;text-decoration:none!important}.long-guide-resource-links a:hover{background:#f1f2f7;transform:translateY(-2px);color:var(--guide-blue)!important}.long-guide-resource-links span{color:#7e899b;font:800 8px/1 var(--font-latin);letter-spacing:.16em}.long-guide-resource-links strong{font-size:13px;line-height:1.65}.long-guide-resource-links i{color:var(--guide-blue);font-size:14px;font-style:normal;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.long-guide-annotation{color:#788395;background:#fafaf7;border-left:2px solid #c7cdd6;margin:52px 0 30px;padding:17px 19px;font-size:11px;line-height:1.9}.long-guide-annotation p{margin:0}.long-guide-content .post-credit{background:#f7f7f3;margin-top:82px;padding:34px 36px}.long-guide-content .post-credit h2{color:var(--guide-ink);margin:0 0 24px;font-size:19px;line-height:1.6}.long-guide-content .pc-block+.pc-block{border-top:1px solid #daddd7;margin-top:19px;padding-top:19px}.long-guide-content .pc-block>span{color:#26354d;margin-left:5px;font-weight:700}.long-guide-content .pc-block p{color:#737e90;margin:7px 0 0;font-size:12px;line-height:1.9}.long-guide-sidebars{overscroll-behavior:contain;scrollbar-color:#c4cad3 transparent;scrollbar-width:thin;gap:16px;max-height:calc(100vh - 112px);padding-right:4px;display:grid;position:sticky;top:94px;overflow-y:auto}.long-guide-aside{gap:16px;display:grid}.long-guide-index{--toc-fade-color:#f4f4ef;background:#f4f4ef;border-radius:3px;padding:27px 25px 16px}.long-guide-index>p{color:#354257;margin-bottom:18px;font-size:11px;font-weight:700}.long-guide-index>p span{color:var(--guide-blue);font:800 8px/1 var(--font-latin);letter-spacing:.16em;margin-right:9px}.long-guide-index ol{margin:0;padding:0;list-style:none}.long-guide-index li{border-top:1px solid #d8dcd6}.long-guide-index a{color:#5d687b;transition:color .25s, padding .3s var(--ease-out);grid-template-columns:27px minmax(0,1fr);gap:8px;padding:14px 0;font-size:11px;line-height:1.65;display:grid}.long-guide-index a:hover,.long-guide-index a[aria-current]{color:var(--guide-blue);padding-left:4px}.long-guide-index a span{color:#929ba9;font:800 8px/1 var(--font-latin);padding-top:4px}.long-guide-aside__service{min-height:180px;color:var(--guide-ink);background:var(--guide-acid);transition:transform .38s var(--ease-out), box-shadow .38s var(--ease-out);border-radius:3px;flex-direction:column;justify-content:space-between;padding:25px;display:flex;position:relative}.long-guide-aside__service:hover{transform:translateY(-4px);box-shadow:0 20px 44px #3e4b1924}.long-guide-aside__service>span{font:800 8px/1 var(--font-latin);letter-spacing:.17em}.long-guide-aside__service strong{font-size:17px;line-height:1.65}.long-guide-aside__service i{font-size:15px;font-style:normal;position:absolute;bottom:25px;right:24px}.long-guide-related{border:1px solid var(--guide-line);background:#fff;border-radius:3px;padding:22px 20px 12px}.long-guide-related>p{color:#354257;margin-bottom:13px;font-size:10px;font-weight:700;line-height:1.6}.long-guide-related>p span{color:var(--guide-blue);font:800 8px/1 var(--font-latin);letter-spacing:.16em;margin:0 0 6px;display:block}.long-guide-related ol{margin:0;padding:0;list-style:none}.long-guide-related li{border-top:1px solid var(--guide-line)}.long-guide-related a{min-height:78px;color:var(--guide-ink);flex-direction:column;justify-content:center;gap:7px;padding:15px 24px 15px 0;text-decoration:none;display:flex;position:relative}.long-guide-related small{color:#8b94a3;font:800 7px/1 var(--font-latin);letter-spacing:.12em}.long-guide-related strong{font-size:12px;line-height:1.6}.long-guide-related i{color:var(--guide-blue);transition:transform .3s var(--ease-out);font-size:12px;font-style:normal;position:absolute;top:50%;right:1px;transform:translateY(-50%)}.long-guide-related a:hover i{transform:translate(4px,-50%)}.long-guide-mobile-index{display:none}@media (width>=1280px){.long-guide-layout{grid-template-columns:minmax(140px,160px) minmax(0,700px) minmax(220px,250px);gap:clamp(34px,3vw,46px);width:min(1160px,100vw - 112px)}.long-guide-body{grid-area:1/2}.long-guide-sidebars{max-height:none;padding:0;display:contents;position:static;overflow:visible}.long-guide-index{scrollbar-color:#c4cad3 transparent;scrollbar-width:thin;grid-area:1/1;align-self:start;max-height:calc(100vh - 112px);padding:20px 17px 14px;position:sticky;top:94px;overflow-y:auto}.long-guide-index>p{font-size:10px;line-height:1.65}.long-guide-index>p span{margin:0 0 7px;display:block}.long-guide-index a{grid-template-columns:23px minmax(0,1fr);gap:6px;padding:13px 0;font-size:10px}.long-guide-aside{overscroll-behavior:contain;scrollbar-color:#c4cad3 transparent;scrollbar-width:thin;grid-area:1/3;align-self:start;max-height:calc(100vh - 112px);padding-right:4px;position:sticky;top:94px;overflow-y:auto}}@media (width>=1181px) and (width<=1279px){.long-guide-layout{grid-template-columns:minmax(0,740px) minmax(240px,270px);gap:42px;width:min(1160px,100vw - 112px)}}.long-guide-closing{color:#fff;background:var(--guide-ink)}.long-guide-closing__inner{grid-template-rows:auto auto;grid-template-columns:minmax(310px,.9fr) minmax(330px,.8fr);align-content:center;align-items:end;gap:50px clamp(60px,9vw,130px);min-height:460px;padding-block:88px;display:grid}.long-guide-closing__inner>div:first-child p{color:var(--guide-acid);font:800 9px/1 var(--font-latin);letter-spacing:.18em;margin-bottom:18px}.long-guide-closing h2{letter-spacing:-.03em;font-size:clamp(28px,3.4vw,42px);line-height:1.55}.long-guide-closing__inner>p{color:#ffffffa8;font-size:14px;line-height:2}.long-guide-closing__inner>div:last-child{grid-column:2;align-items:center;gap:28px;display:flex}.long-guide-closing__inner>div:last-child>a:last-child{font-size:12px;font-weight:700}@media (width<=1180px){.long-guide-hero__grid{grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:54px;min-height:auto}.long-guide-map a{padding-inline:16px}.long-guide-layout{grid-template-columns:1fr;gap:42px}.long-guide-body{width:min(100%,740px);margin-inline:auto}.long-guide-sidebars{display:none}.long-guide-mobile-index{border:1px solid var(--guide-line);background:#fff;border-radius:3px;width:min(100%,740px);margin-inline:auto;display:block}.long-guide-mobile-index summary{grid-template-columns:1fr auto 20px;align-items:center;gap:14px;min-height:74px;padding:17px 20px;list-style:none;display:grid}.long-guide-mobile-index summary::-webkit-details-marker{display:none}.long-guide-mobile-index summary>span{gap:5px;font-size:13px;font-weight:700;display:grid}.long-guide-mobile-index summary small,.long-guide-mobile-index summary b{color:#8a94a4;font:800 8px/1 var(--font-latin);letter-spacing:.15em}.long-guide-mobile-index summary i{border:1px solid #bcc3ce;border-radius:50%;width:20px;height:20px;position:relative}.long-guide-mobile-index summary i:before,.long-guide-mobile-index summary i:after{content:"";background:var(--guide-blue);width:8px;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.long-guide-mobile-index summary i:after{transition:transform .3s;transform:translate(-50%,-50%)rotate(90deg)}.long-guide-mobile-index[open] summary i:after{transform:translate(-50%,-50%)rotate(0)}.long-guide-mobile-index>div{padding:0 20px 12px}.long-guide-mobile-index ol{margin:0;padding:0;list-style:none}.long-guide-mobile-index li{border-top:1px solid var(--guide-line)}.long-guide-mobile-index a{color:#5a6679;grid-template-columns:32px 1fr;gap:10px;padding:15px 0;font-size:12px;line-height:1.7;display:grid}.long-guide-mobile-index a span{color:#929ba8;font:800 8px/1 var(--font-latin);padding-top:5px}}@media (width<=760px){.long-guide-hero__grid{grid-template-columns:1fr;gap:48px;padding-block:58px 66px}.long-guide-hero h1{font-size:var(--type-jp-page-title);line-height:1.5}.long-guide-hero__lead{font-size:13px}.long-guide-hero__meta{gap:20px 32px;margin-top:32px}.long-guide-hero__visual{justify-self:center;width:min(88%,410px)}.long-guide-hero__visual figcaption{flex-direction:column;align-items:flex-start;gap:9px}.long-guide-hero__visual figcaption b{text-align:left}.long-guide-map__inner{padding-block:38px 42px}.long-guide-map ol{grid-template-columns:repeat(2,minmax(0,1fr))}.long-guide-map li+li{border-left:0}.long-guide-map li:nth-child(2n){border-left:1px solid var(--guide-line)}.long-guide-map li:nth-child(n+3){border-top:1px solid var(--guide-line);margin-top:25px;padding-top:25px}.long-guide-map a{grid-template-columns:25px minmax(0,1fr);min-height:88px;padding:4px 12px}.long-guide-map i{display:none}.long-guide-layout{padding-block:68px 110px}.long-guide-opening{margin-bottom:60px;padding-left:20px;font-size:15px}.long-guide-content>h2[data-chapter]{margin-top:96px;padding:28px 0 0 54px;scroll-margin-top:90px;font-size:25px}.long-guide-content>h2[data-chapter]:after{width:34px}.long-guide-content>h3{margin-top:58px;font-size:19px}.long-guide-content>h4{margin-top:38px;font-size:15px}.long-guide-insight{margin-inline:-4px;padding:31px 24px 34px}.long-guide-content .gallery{gap:8px}.long-guide-resource-links{grid-template-columns:1fr}.long-guide-content .post-credit{padding:28px 22px}.long-guide-closing__inner{grid-template-rows:auto;grid-template-columns:1fr;gap:28px;min-height:auto;padding-block:76px}.long-guide-closing__inner>div:last-child{flex-direction:column;grid-column:auto;align-items:flex-start;margin-top:12px}}@media (prefers-reduced-motion:reduce){.long-guide-hero__motion{display:none}.long-guide-hero__copy>*,.long-guide-hero__visual{opacity:1;animation:none;transform:none}.long-guide-map a,.long-guide-service-link a,.long-guide-contact-link a,.long-guide-aside__service,.long-guide-related i{transition:none}}