.h3 .line-stage{container-type:inline-size;position:relative;height:clamp(520px,58vw,860px);background:radial-gradient(120% 90% at 46% 38%,#fff 0,#f6f6f6 48%,#e9e9e9 100%);overflow:hidden;border-block:1px solid var(--line)}.h3 .line-stage:before{content:"";position:absolute;inset:0;background:url(/home-v3/line/poster.webp) 50%/cover no-repeat;transition:opacity .6s linear}.h3 .line-stage.ready:before{opacity:0}.h3 .line-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .6s linear}.h3 .line-stage.ready canvas{opacity:var(--fade,1);transition:opacity .2s linear}.h3 .line-labels{position:absolute;inset:0;pointer-events:none;opacity:var(--fade,1)}.h3 .line-label{position:absolute;left:0;top:0;display:grid;gap:1px;padding-left:14px;margin-top:-14px;will-change:transform,opacity;opacity:0;white-space:nowrap}.h3 .line-label i{position:absolute;right:100%;top:14px;height:1px;background:var(--t3)}.h3 .line-label i:after{content:"";position:absolute;left:-7px;top:-7px;width:14px;height:14px;background:var(--t1);-webkit-mask:url(/home-v3/paw.svg) center/contain no-repeat;mask:url(/home-v3/paw.svg) center/contain no-repeat}.h3 .line-label.pick i:after{background:var(--mark)}.h3 .line-label b{font:600 13px var(--h3-ui),sans-serif;color:var(--t1)}.h3 .line-label span{font:400 11.5px var(--h3-mono),monospace;color:var(--t2)}.h3 .line-label.col{padding-left:14px;margin-top:4px}.h3 .line-label.col b{font-size:12px;text-transform:uppercase;letter-spacing:.04em}.h3 .line-label.res{padding-left:14px;margin-top:4px;width:164px;white-space:normal}.h3 .line-label.res b{font-size:12px}.h3 .line-label.res span{font-size:10.5px}.h3 .line-label.pick b,.h3 .line-label.pick span{color:var(--mark)}.h3 .line-rail{position:absolute;left:0;right:0;bottom:0;margin:0;padding:0 max(16px,env(safe-area-inset-left,0px)) 18px;list-style:none;display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:8px;max-width:1240px;margin-inline:auto}.h3 .line-rail li{display:grid;gap:8px;font:500 11px var(--h3-mono),monospace;text-transform:uppercase;letter-spacing:.05em;color:var(--t3);transition:color .4s var(--strike)}.h3 .line-rail li i{height:2px;background:var(--s2);position:relative;overflow:hidden}.h3 .line-rail li i:after{content:"";position:absolute;inset:0;background:var(--t1);transform-origin:left;transform:scaleX(var(--p,0))}.h3 .line-rail li.on{color:var(--t1)}@media (max-width:760px){.h3 .line-stage{height:560px}.h3 .line-label:not(.col){display:none}.h3 .line-rail{grid-template-columns:repeat(11,minmax(0,1fr));gap:4px}.h3 .line-rail li span{display:none}.h3 .line-rail li.on span{display:block;position:absolute;left:max(16px,env(safe-area-inset-left,0px));bottom:30px}}@media (prefers-reduced-motion:reduce){.h3 .line-stage canvas{transition:none}}.h3 .icons{position:relative;margin-top:34px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.h3 .icons canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.h3 .icons ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.h3 .icons li{aspect-ratio:1/1.02;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(90% 70% at 50% 42%,#fff,var(--s1))}.h3 .icons a{height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:3px;padding:16px 18px;text-decoration:none;position:relative;z-index:2}.h3 .icons b{font:600 15px var(--h3-ui),sans-serif;color:var(--t1)}.h3 .icons span{font-size:13.5px;color:var(--t2)}.h3 .icons a:focus-visible b,.h3 .icons a:hover b{text-decoration:underline;text-underline-offset:3px}@media (max-width:760px){.h3 .icons ul{grid-template-columns:repeat(2,minmax(0,1fr))}}.h3 .line-label.bubble{translate:0 -100%;margin:0;padding:9px 12px 10px;max-width:230px;white-space:normal;background:var(--bg);border:1px solid var(--line);border-radius:12px 12px 12px 3px;box-shadow:0 6px 18px rgba(0,0,0,.06);gap:3px;transition:opacity .25s linear}.h3 .line-label.bubble i{display:none}.h3 .line-label.bubble b{font:500 10.5px var(--h3-mono),monospace;text-transform:uppercase;letter-spacing:.05em;color:var(--t3)}.h3 .line-label.bubble span{font:500 13.5px/1.35 var(--h3-ui),sans-serif;color:var(--t1)}@media (max-width:760px){.h3 .line-label.bubble{display:grid;max-width:160px;padding:6px 8px}.h3 .line-label.bubble span{font-size:11.5px}}.h3 .line-label.bubble b{display:flex;align-items:center;gap:6px}.h3 .line-label.bubble b img{width:20px;height:20px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:1px solid var(--line)}.h3 .line-label.chip{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:6px 10px 7px 26px;box-shadow:0 4px 14px rgba(0,0,0,.08)}.h3 .line-label.chip i{right:auto;left:13px;top:15px}.h3 .line-hero{position:absolute;inset:0;opacity:var(--hero,0);pointer-events:none;overflow:hidden;background:#111}.h3 .line-hero .lh-plate{position:absolute;inset:0;background:50%/cover no-repeat;transform:scale(1.05);transition:transform 5s linear}.h3 .line-hero.on .lh-plate{transform:scale(1)}.h3 .line-hero .lh-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.74),rgba(0,0,0,.22) 62%,transparent)}.h3 .line-hero .lh-copy{position:absolute;left:max(16px,6cqw);right:max(16px,6cqw);bottom:15%;color:#fff}.h3 .line-hero .lh-kick{font:500 11px var(--h3-mono),monospace;letter-spacing:.06em;text-transform:uppercase;color:hsla(0,0%,100%,.7)}.h3 .line-hero .lh-h{margin:1.2cqw 0 0;max-width:11.5em;font:800 calc(var(--size, 6) * 1cqw)/.9 var(--h3-display),sans-serif;font-variation-settings:"wdth" 76;text-transform:uppercase;letter-spacing:-.005em}.h3 .line-hero .lh-h .ln{display:block;overflow:hidden;padding-bottom:.04em}.h3 .line-hero .lh-h .ln>span{display:inline-block;transform:translateY(105%)}.h3 .line-hero.on .lh-h .ln>span{animation:h3-rise .6s var(--strike) both;animation-delay:calc(var(--i) * 90ms + .1s)}.h3 .line-hero .lh-sub{margin:1.6cqw 0 0;max-width:34ch;font-size:clamp(14px,1.45cqw,21px);line-height:1.35;color:hsla(0,0%,100%,.86)}.h3 .line-hero .lh-rule{margin:1.6cqw 0 0;width:min(440px,60%);padding-top:10px;border-top:1px solid hsla(0,0%,100%,.5);font:500 11px var(--h3-mono),monospace;letter-spacing:.06em;text-transform:uppercase;color:hsla(0,0%,100%,.72)}@media (max-width:760px){.h3 .line-hero .lh-h{font-size:calc(var(--size, 6) * 1.55cqw)}.h3 .line-hero .lh-copy{bottom:22%}}@media (prefers-reduced-motion:reduce){.h3 .line-hero .lh-h .ln>span{transform:none;animation:none}}.h3 .line-stage.hero-on .line-rail li{color:hsla(0,0%,100%,.55)}.h3 .line-stage.hero-on .line-rail li.on{color:#fff}.h3 .line-stage.hero-on .line-rail li i{background:hsla(0,0%,100%,.2)}.h3 .line-stage.hero-on .line-rail li i:after{background:#fff}.h3 .line-rail button{all:unset;box-sizing:border-box;display:grid;gap:8px;width:100%;padding-top:12px;cursor:pointer;color:inherit;transition:color .25s var(--strike)}.h3 .line-rail button:hover{color:var(--t1)}.h3 .line-rail button:focus-visible{outline:2px solid var(--mark);outline-offset:4px;border-radius:2px}.h3 .line-stage.hero-on .line-rail button:hover{color:#fff}.h3 .line-sound{position:absolute;bottom:62px;right:max(16px,env(safe-area-inset-right,0px));z-index:3;display:flex;align-items:center;gap:8px}.h3 .line-voice{display:flex;align-items:center;gap:10px;min-height:44px;padding:5px 15px 5px 6px;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--t1);font:500 11px var(--h3-mono),monospace;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.08);transition:opacity .4s linear}.h3 .line-voice:disabled{opacity:0;pointer-events:none}.h3 .line-voice:focus-visible{outline:2px solid var(--mark);outline-offset:3px}.h3 .line-voice .lv-dot{position:relative;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--t1);color:var(--bg);transform:scale(calc(1 + var(--lvl, 0) * .22));transition:background .3s linear}.h3 .line-voice .lv-dot svg{position:relative;z-index:1;width:17px;height:17px}.h3 .line-voice .lv-dot i{position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--t1);opacity:0;animation:lv-ripple 2.6s cubic-bezier(.2,.7,.3,1) infinite}.h3 .line-voice .lv-dot i:nth-child(n+2){display:none}.h3 .line-voice[aria-pressed=true] .lv-dot{background:var(--mark)}.h3 .line-voice[aria-pressed=true] .lv-dot i{border-color:var(--mark);animation:none}.h3 .line-voice[aria-pressed=true].speaking .lv-dot i{display:block;animation:lv-ripple 1.5s cubic-bezier(.2,.7,.3,1) infinite}.h3 .line-voice[aria-pressed=true].speaking .lv-dot i:nth-child(2){animation-delay:.5s}.h3 .line-voice[aria-pressed=true].speaking .lv-dot i:nth-child(3){animation-delay:1s}@keyframes lv-ripple{0%{transform:scale(1);opacity:.55}to{transform:scale(2.3);opacity:0}}@media (max-width:760px){.h3 .line-sound{bottom:52px}.h3 .line-voice{padding:5px 6px}.h3 .line-sound .lv-label{display:none}}@media (prefers-reduced-motion:reduce){.h3 .line-voice .lv-dot i{animation:none!important;opacity:.35;transform:scale(1.35)}}.h3 .line-play{position:absolute;z-index:4;left:50%;top:50%;translate:-50% -50%;display:inline-flex;align-items:center;gap:12px;padding:14px 22px 14px 16px;border:0;border-radius:999px;background:#fff;color:var(--t1);font:600 16px var(--h3-ui),sans-serif;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.3);animation:h3-fade .4s ease both}.h3 .line-play svg{width:26px;height:26px;padding:5px;border-radius:50%;background:var(--t1);color:#fff;box-sizing:content-box}.h3 .line-play:hover{transform:translateY(-1px)}.h3 .line-play:focus-visible{outline:2px solid var(--mark);outline-offset:3px}