@font-face{font-family:Disp;font-weight:700;font-display:swap;src:url(/fonts/walk/Genki-H.woff2) format("woff2")}@font-face{font-family:Body;font-weight:400;font-display:swap;src:url(/fonts/walk/Seki-R.woff2) format("woff2")}:root{--cream:#F2EFE6;--ink:#1A1613;--red:#CD311D;--pink:#F4CED3;--muted:#6E655C;--line:#DDD5C6;--disp:"Disp","PingFang TC",sans-serif;--body:"Body","PingFang TC",sans-serif;--w:min(1320px,100% - clamp(20px,3.4vw,56px));--e:cubic-bezier(.24,1,.36,1);--t:.4s}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased}h1,h2,h3,p,ul,ol,figure{margin:0;padding:0}ul,ol{list-style:none}img{display:block;max-width:100%;height:auto}a{color:inherit}.w{width:var(--w);margin-inline:auto}.u-nums{font-variant-numeric:tabular-nums}.dsp{font-family:var(--disp);font-weight:700;letter-spacing:-.03em;line-height:.98}.d0{font-size:clamp(2.6rem,1.2rem + 6.4vw,5.6rem)}.d1{font-size:clamp(1.9rem,1.1rem + 3.6vw,3.6rem)}.d2{font-size:clamp(1.2rem,.94rem + 1.2vw,1.6rem);line-height:1.2}.red{color:var(--red)}.eye{font-size:.74rem;letter-spacing:.18em;color:var(--red)}.note{font-size:.84rem;color:var(--muted);line-height:1.75}html.js .st{opacity:0;transform:translateY(16px)}html.js .st[data-in]{opacity:1;transform:none;transition:opacity .55s var(--e) calc(var(--i,0) * 80ms),transform .55s var(--e) calc(var(--i,0) * 80ms)}@media(prefers-reduced-motion:reduce){html.js .st,html.js .st[data-in]{opacity:1;transform:none;transition:none}}.nav{position:sticky;inset-block-start:0;z-index:40;background:var(--cream)}.nav .w{display:flex;justify-content:space-between;gap:12px;padding-block:14px;padding-inline:26px;font-size:.78rem;letter-spacing:.14em;color:var(--red)}.nav a{text-decoration:none;position:relative}.nav a[data-on]{font-family:var(--disp);font-weight:700}.nav a .hb{position:absolute;inset-block-start:50%;width:16px;height:16px;border-radius:50%;background:#e4e93b;border:1.5px solid var(--ink);translate:0 -50%;opacity:0;pointer-events:none;transition:opacity var(--t) var(--e),transform var(--t) var(--e)}.nav a .hb.l{inset-inline-end:calc(100% + 8px);transform:translate(6px)}.nav a .hb.r{inset-inline-start:calc(100% + 8px);transform:translate(-6px)}.nav a:hover .hb,.nav a:focus-visible .hb{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.nav a .hb{transition:none}}header[id],section[id]{scroll-margin-block-start:64px}.hero{padding-block:clamp(20px,3vw,44px) clamp(30px,4vw,64px);position:relative}.hero h1{max-width:15ch}.hero .sub{margin-block-start:clamp(16px,2vw,26px);max-width:32em;font-size:1.02rem}.ball{width:clamp(38px,4vw,58px);aspect-ratio:1;border-radius:50%;background:#e4e93b;border:2px solid var(--ink);display:inline-block;vertical-align:-.12em;margin-inline-start:.24em;position:relative;overflow:hidden}.ball:before,.ball:after{content:"";position:absolute;inset-block:-14%;width:52%;border-radius:50%;border:2px solid var(--ink)}.ball:before{inset-inline-start:-26%}.ball:after{inset-inline-end:-26%}html.js .ball{animation:walk-bounce 1.9s var(--e) infinite}@keyframes walk-bounce{0%,to{transform:none}42%{transform:translateY(-26%) scale(1.04,.96)}70%{transform:translateY(0) scale(.98,1.02)}}@media(prefers-reduced-motion:reduce){html.js .ball{animation:none}}.hero .top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.46fr);gap:clamp(18px,4vw,64px);align-items:center}.dog{width:100%;max-width:340px;justify-self:end;color:var(--red)}.dog .ln{fill:none;stroke:currentColor;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.dog .fl{fill:currentColor;stroke:none}html.js .dog .ear{transform-box:fill-box;transform-origin:top center;animation:walk-flop 1.5s var(--e) infinite alternate}html.js .dog .ear.r{animation-delay:.22s}@keyframes walk-flop{0%{transform:rotate(-4deg)}to{transform:rotate(5deg)}}html.js .dog .head{transform-box:fill-box;transform-origin:center bottom;animation:walk-bob 2.4s var(--e) infinite alternate}@keyframes walk-bob{0%{transform:translateY(0) rotate(-1.2deg)}to{transform:translateY(-5px) rotate(1.2deg)}}html.js .dog .eye{transform-box:fill-box;transform-origin:center;animation:walk-blink 4.6s steps(1,end) infinite}@keyframes walk-blink{0%,94%{transform:none}95%,97%{transform:scaleY(.12)}98%,to{transform:none}}html.js .dog .tongue{transform-box:fill-box;transform-origin:top center;animation:walk-pant .9s ease-in-out infinite alternate}@keyframes walk-pant{0%{transform:scaleY(.86)}to{transform:scaleY(1.06)}}@media(prefers-reduced-motion:reduce){html.js .dog .ear,html.js .dog .head,html.js .dog .eye,html.js .dog .tongue{animation:none}}@media(max-width:820px){.hero .top{grid-template-columns:minmax(0,1fr)}.dog{justify-self:center;max-width:230px;margin-block-start:18px}}.hero .shot{margin-block-start:clamp(22px,3vw,44px);overflow:hidden}.hero .shot img{width:100%;aspect-ratio:21/9;object-fit:cover}.tape{background:var(--red);color:var(--cream);margin-block-start:clamp(18px,2.4vw,32px);padding-block:12px;overflow:hidden}.tape p{font-family:var(--disp);font-weight:700;font-size:clamp(.9rem,.8rem + .5vw,1.16rem);letter-spacing:.02em;white-space:nowrap;display:flex;gap:2.4em}html.js .tape p{animation:walk-slide 22s linear infinite}@keyframes walk-slide{0%{transform:none}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){html.js .tape p{animation:none}}.how{position:relative;background:var(--pink);isolation:isolate;margin-block-start:clamp(30px,5vw,80px)}.how:before{content:"";position:absolute;inset:0;background:var(--cream);z-index:-1;clip-path:circle(0% at 50% 50%)}.how .in{position:relative;padding-block:clamp(60px,10vw,140px)}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.how{min-height:230vh}.how .in{position:sticky;inset-block-start:0;min-height:100vh;display:grid;align-content:center;padding-block:clamp(40px,6vw,90px)}.how:before{clip-path:circle(140% at 50% 50%);animation:walk-iris linear both;animation-timeline:view();animation-range:cover 0% cover 38%}}}@keyframes walk-iris{0%{clip-path:circle(140% at 50% 50%)}to{clip-path:circle(0% at 50% 50%)}}.how h2{text-align:center;max-width:16ch;margin-inline:auto}.how ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3.4vw,64px);margin-block-start:clamp(30px,5vw,80px);max-width:920px;margin-inline:auto}.how li{display:flex;gap:16px;align-items:flex-start}.how .no{flex:none;width:34px;height:34px;border-radius:50%;border:1.5px solid var(--ink);display:grid;place-items:center;font-size:.82rem}.how h3{font-family:var(--disp);font-weight:700;font-size:1.1rem}.how p{font-size:.9rem;color:var(--muted)}@media(max-width:760px){.how ol{grid-template-columns:minmax(0,1fr)}}.plan{padding-block:clamp(40px,6vw,90px)}.pick>input{position:absolute;width:1px;height:1px;clip-path:inset(50%);opacity:0}.pick{display:grid;gap:clamp(18px,2.6vw,34px)}.tabs{display:flex;flex-wrap:wrap;gap:10px}.tabs label{cursor:pointer;border:1.5px solid var(--ink);border-radius:999px;padding:11px 24px;font-family:var(--disp);font-weight:700;font-size:.9rem;transition:background-color .22s var(--e),color .22s var(--e),transform .22s var(--e)}.tabs label:hover{transform:translateY(-2px)}.panes{display:grid}.pane{grid-area:1/1;opacity:0;pointer-events:none;transition:opacity .28s var(--e);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(18px,3vw,54px);align-items:start}.pane .lead{font-size:.95rem;color:var(--muted);max-width:24em}.pane .rate{font-family:var(--disp);font-weight:700;font-size:clamp(1.8rem,1.2rem + 2.4vw,3rem);line-height:1;letter-spacing:-.03em}.pane .rate small{font-size:.3em;letter-spacing:0;margin-inline-start:8px;color:var(--muted)}table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}th,td{text-align:end;padding:12px 8px;font-size:.92rem;border-block-start:1px solid var(--line)}th:first-child,td:first-child{text-align:start}thead th{font-size:.78rem;color:var(--muted);font-weight:400;border-block-start:0}tbody th{font-family:var(--disp);font-weight:700}tfoot td{color:var(--muted);font-size:.78rem;text-align:start}#d-a:checked~.panes .w-a,#d-b:checked~.panes .w-b,#d-c:checked~.panes .w-c{opacity:1;pointer-events:auto}#d-a:checked~.tabs label[for=d-a],#d-b:checked~.tabs label[for=d-b],#d-c:checked~.tabs label[for=d-c]{background:var(--ink);color:var(--cream)}@media(max-width:860px){.pane{grid-template-columns:minmax(0,1fr)}}.log{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.8vw,26px);margin-block-start:clamp(20px,3vw,42px)}.log>div{transition:transform var(--t) var(--e)}.log>div:hover{transform:translate(10px,-5px)}.log figure{overflow:hidden;margin:0}.log img{width:100%;aspect-ratio:3/4;object-fit:cover}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.log img{animation:walk-drift linear both;animation-timeline:view();animation-range:cover 0% cover 100%}.hero .shot img{animation:walk-push linear both;animation-timeline:view();animation-range:cover 0% cover 70%}}}@keyframes walk-drift{0%{transform:scale(1.14) translateY(-2.6%)}to{transform:scale(1.14) translateY(2.6%)}}@keyframes walk-push{0%{transform:scale(1.1)}to{transform:scale(1)}}.log h3{font-family:var(--disp);font-weight:700;font-size:1rem;margin-block-start:14px}.log p{font-size:.82rem;color:var(--muted)}@media(max-width:860px){.log{grid-template-columns:repeat(2,minmax(0,1fr))}}.book{display:flex;justify-content:center;margin-block-start:clamp(40px,6vw,96px)}.book a{display:inline-block;background:var(--red);color:var(--cream);text-decoration:none;font-family:var(--disp);font-weight:700;font-size:clamp(1.1rem,.9rem + 1vw,1.6rem);padding:18px 46px;border-radius:999px;transform:rotate(-3deg);transition:transform .3s var(--e)}.book a{transition:transform var(--t) var(--e)}.book a:hover{transform:rotate(2deg) translateY(-4px) scale(1.03)}.ask{margin-block-start:clamp(18px,2.4vw,32px);display:grid}.ask details{border-block-start:1px solid var(--line);padding-block:clamp(14px,1.8vw,22px)}.ask details:last-of-type{border-block-end:1px solid var(--line)}.ask summary{cursor:pointer;font-family:var(--disp);font-weight:700;font-size:1.04rem;list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center}.ask summary::-webkit-details-marker{display:none}.ask summary:after{content:"";flex:none;width:13px;height:13px;border-inline-end:2px solid var(--red);border-block-end:2px solid var(--red);transform:rotate(45deg) translate(-3px,-3px);transition:transform .22s var(--e)}.ask details[open] summary:after{transform:rotate(225deg) translate(-3px,-3px)}.ask p{margin-block-start:10px;font-size:.9rem;color:var(--muted);max-width:52em}footer{margin-block-start:clamp(40px,6vw,96px);background:var(--red);color:var(--cream);padding-block:clamp(40px,6vw,88px) clamp(56px,6vw,84px)}.fgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,48px);align-items:start}.fgrid h3{font-family:var(--disp);font-weight:700;font-size:.88rem;margin-block-end:12px}.fgrid li,.fgrid li a{font-size:.82rem;color:var(--cream);text-decoration:none;padding-block:3px;display:block}.fmk{font-family:var(--disp);font-weight:700;letter-spacing:-.04em;line-height:.9;font-size:clamp(2.6rem,1rem + 8vw,7.6rem);margin-block-start:clamp(36px,5vw,78px)}.fbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-block-start:clamp(18px,2.4vw,30px);padding-block-start:16px;border-block-start:1px solid rgba(242,239,230,.3);font-size:.78rem;color:var(--cream)}@media(max-width:820px){.fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
