.works-marquee-section{isolation:isolate}.works-marquee-section:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0a142800 0%,#0a1428 100%);height:120px;position:absolute;bottom:0;left:0;right:0}@media (min-width:768px){.works-marquee-section:after{height:160px}}.works-marquee__orb{animation:4.5s ease-in-out infinite alternate works-marquee-breathe}@keyframes works-marquee-breathe{0%{opacity:.45;transform:translate(-50%,-50%)scale(.75)}to{opacity:1;transform:translate(-50%,-50%)scale(1.35)}}.works-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 8% 92%,#0000 100%)}.works-marquee__track{gap:28px;width:max-content;animation:34s linear infinite works-marquee-scroll;display:flex}@media (hover:hover) and (pointer:fine){.works-marquee:hover .works-marquee__track{animation-play-state:paused}}@keyframes works-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.works-marquee__card{text-align:center;flex:none;width:220px}.works-marquee__frame{background:linear-gradient(155deg,#2a2f3a,#0c0e13 60%);border-radius:44px;width:220px;height:452px;padding:14px;position:relative;box-shadow:0 20px 44px #00000080,inset 0 0 0 1px #f4f7f614}.works-marquee__screen{background:#000;border-radius:32px;width:100%;height:100%;position:relative;overflow:hidden}.works-marquee__screen img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.works-marquee__island{z-index:2;background:#000;border-radius:999px;width:76px;height:22px;position:absolute;top:10px;left:50%;transform:translate(-50%)}
.hpc-seam{pointer-events:none;z-index:0;width:100%;position:absolute;left:0;overflow:visible}.hpc-seam--pc{height:280px;display:block;top:-140px}.hpc-seam--sp{height:220px;display:none;top:-110px}@media (max-width:520px){.hpc-seam--pc{display:none}.hpc-seam--sp{display:block}}.hpc-table-scroll{-webkit-overflow-scrolling:touch;border:1px solid #f4f7f61a;border-radius:20px;margin-top:56px;position:relative;overflow-x:auto}.hpc-table{border-collapse:collapse;background:#f4f7f605;width:100%;min-width:640px}.hpc-table th,.hpc-table td{text-align:left;vertical-align:top;border-bottom:1px solid #f4f7f614;padding:20px 22px;font-size:14px;line-height:1.7}.hpc-table thead th{background:var(--navy-deep);font-family:var(--font-serif);border-bottom:1px solid #f4f7f624;padding-top:24px;padding-bottom:24px;font-size:16px;font-weight:600;position:sticky;top:0}.hpc-row-label{color:#f4f7f673;letter-spacing:.04em;white-space:nowrap;background:#f4f7f604;width:150px;font-size:12.5px;font-weight:700;position:sticky;left:0}.hpc-table thead .hpc-row-label{background:var(--navy-deep)}.hpc-col-us{background:#00d9a312}.hpc-table thead .hpc-col-us{background:var(--mint);color:var(--navy-deep);border-radius:14px 14px 0 0}.hpc-col-us .hpc-value{color:var(--mint);font-weight:700}.hpc-table thead .hpc-col-us .hpc-brand{font-size:16px}.hpc-badge{letter-spacing:.06em;color:var(--navy-deep);background:#050a1629;border-radius:999px;margin-top:4px;padding:3px 9px;font-size:10.5px;font-weight:700;display:inline-block}.hpc-value{color:var(--ink);font-size:15px;font-weight:700}.hpc-sub{color:#f4f7f680;margin-top:4px;font-size:12.5px;font-weight:400;line-height:1.6;display:block}.hpc-table tbody tr:last-child td{border-bottom:none}.hpc-table tbody tr:last-child .hpc-col-us .hpc-value{color:var(--mint)}.hpc-mtable{table-layout:fixed;border-collapse:collapse;background:#f4f7f605;border:1px solid #f4f7f61f;border-radius:14px;width:100%;min-width:0;overflow:hidden}.hpc-mtable col.hpc-mt-label{width:20%}.hpc-mtable col.hpc-mt-us{width:32%}.hpc-mtable th,.hpc-mtable td{text-align:center;vertical-align:middle;word-break:break-word;border-bottom:1px solid #f4f7f614;padding:12px 6px;font-size:12.5px;line-height:1.4}.hpc-mtable thead th{color:#f4f7f68c;border-bottom:1px solid #f4f7f624;padding:11px 5px;font-size:12px;font-weight:700}.hpc-mtable thead .hpc-mt-us-head{background:var(--mint);color:var(--navy-deep);font-size:12.5px;font-weight:700}.hpc-mtable .hpc-mt-row-label{text-align:left;color:#f4f7f673;padding-left:10px;font-size:12px;font-weight:700}.hpc-mtable .hpc-mt-us{color:var(--mint);background:#00d9a31a;font-weight:700}.hpc-mtable tbody tr:last-child td{border-bottom:none}
.hps-fade{pointer-events:none;z-index:0;background:linear-gradient(#050a1600 0,#050a161f 30%,#050a1680 62%,#050a16e0 86%,#050a16 100%);height:96px;position:absolute;bottom:100%;left:0;right:0}@media (min-width:521px){.hps-fade{height:128px}}.hps-seam{pointer-events:none;z-index:0;height:220px;position:absolute;top:-110px;left:0;right:0;overflow:hidden}@media (min-width:521px){.hps-seam{height:280px;top:-140px;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 5% 95%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 5% 95%,#0000 100%)}}html.js .hps-seam[data-reveal]{opacity:1;will-change:auto;transition:none;transform:none}.hps-seam svg{display:block;overflow:visible}.hps-pc,.hps-sp{position:absolute;top:0;left:50%}.hps-pc{width:1440px;height:280px;margin-left:-720px;display:none}.hps-sp{width:520px;height:220px;margin-left:-260px;display:block}@media (min-width:521px){.hps-pc{display:block}.hps-sp{display:none}}.hps-seam .hps-draw{stroke-dasharray:1}.hps-seam .hps-nd,.hps-seam .hps-hl{transform-box:fill-box;transform-origin:50%}.hps-seam .hps-pkt{opacity:0;background:#dff3ff;border-radius:999px;display:block;position:absolute;top:0;left:0}@keyframes hps-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes hps-fade{0%{opacity:0}to{opacity:1}}@keyframes hps-pop{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes hps-pulse{0%,to{opacity:.6;transform:scale(.97)}50%{opacity:.82;transform:scale(1.05)}}@keyframes hps-vis{0%{opacity:0}5%{opacity:1}75%{opacity:1}80%,to{opacity:0}}@media (prefers-reduced-motion:no-preference){html.js .hps-seam[data-shown=false] .hps-draw{stroke-dashoffset:1px}html.js .hps-seam[data-shown=false] .hps-nd,html.js .hps-seam[data-shown=false] .hps-pool,html.js .hps-seam[data-shown=false] .hps-thin,html.js .hps-seam[data-shown=false] .hps-dc{opacity:0}.hps-seam[data-shown=true] .hps-pool{animation:1.8s ease-out both hps-fade}.hps-seam[data-shown=true] .hps-thin{animation:1.6s ease-out .3s both hps-fade}.hps-seam[data-shown=true] .hps-ed{animation:hps-draw var(--u) linear var(--d) both}.hps-seam[data-shown=true] .hps-nd{animation:hps-pop .6s cubic-bezier(.3, 1.3, .5, 1) var(--d) both}.hps-seam[data-shown=true] .hps-dc{animation:.8s ease-out 1.9s both hps-fade}.hps-seam[data-shown=true] .hps-hl{animation:5s ease-in-out infinite hps-pulse;animation-delay:calc(2.6s + var(--p) * .8s)}.hps-seam[data-shown=true] .hps-pkt{animation:var(--mv) 7.5s linear infinite, hps-vis 7.5s linear infinite;animation-delay:calc(3s + var(--k) * 3.4s)}}
.hp-flow__track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.hp-flow__track::-webkit-scrollbar{display:none}.hp-flow__card{scroll-snap-align:start;animation:5s ease-in-out infinite hp-flow-float;position:relative;overflow:hidden}.hp-flow__card:nth-child(2n){animation-delay:-1.4s}.hp-flow__card:nth-child(3n){animation-delay:-2.8s}@keyframes hp-flow-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.hp-flow__card:after{content:"";background:linear-gradient(100deg,#0000 40%,#00d9a329 50%,#0000 60%);animation:3.2s linear infinite hp-flow-scan;position:absolute;inset:-40% -20%}@keyframes hp-flow-scan{0%{transform:translate(-40%)}to{transform:translate(40%)}}.hp-flow__holo{justify-content:center;align-items:flex-end;height:60px;display:flex;position:relative}.hp-flow__beam{background:linear-gradient(#00d9a300,#00d9a38c);width:2px;height:42px;position:absolute;bottom:5px}.hp-flow__ring{filter:blur(.5px);background:radial-gradient(#00d9a38c,#00d9a300 70%);border-radius:50%;width:32px;height:7px;animation:3.6s ease-in-out infinite hp-flow-ring-pulse;position:absolute;bottom:1px}.hp-flow__card:nth-child(2n) .hp-flow__ring,.hp-flow__card:nth-child(2n) .hp-flow__icon{animation-delay:-1.4s}.hp-flow__card:nth-child(3n) .hp-flow__ring,.hp-flow__card:nth-child(3n) .hp-flow__icon{animation-delay:-2.8s}@keyframes hp-flow-ring-pulse{0%,to{opacity:.6;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.18)}}.hp-flow__icon{z-index:2;width:28px;height:28px;color:var(--mint);filter:drop-shadow(0 0 6px #00d9a3bf);animation:3.6s ease-in-out infinite hp-flow-icon-float;position:relative}.hp-flow__icon svg{width:100%;height:100%}@keyframes hp-flow-icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}
