.ip-article{position:relative}.ip-article h2{max-width:18em}.ip-meta-strip{display:flex;flex-wrap:wrap;gap:14px 28px;margin-top:28px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14)}.ip-meta-cell{display:flex;flex-direction:column;gap:4px}.ip-meta-k{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#ffffff6b}.ip-meta-v{font-size:15px;color:#ffffffeb}.ip-steps{list-style:none;margin:28px 0 0;padding:0}.ip-step{display:flex;gap:20px;padding:22px 0;border-top:1px solid rgba(255,255,255,.1)}.ip-step:first-child{border-top:0}.ip-step-no{font-size:13px;letter-spacing:.12em;color:#fff6;min-width:34px;padding-top:3px}.ip-step-body strong{display:block;font-size:18px;margin-bottom:6px;color:#fff}.ip-step-body p{margin:0;color:#ffffffa8;max-width:42em}.ip-feature-grid{margin-top:28px;display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:14px}.ip-feature{display:block;padding:20px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#ffffff05;text-decoration:none;color:inherit;transition:border-color .25s,transform .25s,background .25s}.ip-feature.is-link:hover{border-color:#ffffff80;transform:translateY(-3px);background:#ffffff0d}.ip-feature-action{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#ffffff75;margin-bottom:10px}.ip-feature-cap{display:block;font-size:18px;color:#fff;margin-bottom:8px}.ip-feature p{margin:0;font-size:14px;color:#ffffffa8}.ip-feature-go{display:inline-block;margin-top:12px;font-size:12px;letter-spacing:.1em;color:#fffc}.ip-media-grid{margin-top:28px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.ip-media-card{margin:0}.ip-media-ph{aspect-ratio:4 / 3;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,#ffffff0f,#ffffff03);display:flex;align-items:center;justify-content:center;position:relative}.ip-media-ph:after{content:attr(data-glyph);font-size:34px;color:#ffffff2e}.ip-media-ph:before{content:"素材待定";position:absolute;bottom:10px;right:12px;font-size:10px;letter-spacing:.12em;color:#ffffff4d}.ip-media-card figcaption{margin-top:10px;font-size:14px;color:#ffffffe6;display:flex;flex-direction:column;gap:3px}.ip-media-card figcaption span{font-size:12px;color:#ffffff73}.ip-archive-rail{margin-top:26px;display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;-webkit-overflow-scrolling:touch}.ip-arch-card{scroll-snap-align:start;flex:0 0 248px;display:flex;flex-direction:column;padding:0 0 16px;border-radius:16px;border:1px solid rgba(255,255,255,.14);overflow:hidden;text-decoration:none;color:inherit;background:#ffffff05;transition:border-color .25s,transform .25s}.ip-arch-card.is-live:hover{border-color:#ffffff8c;transform:translateY(-3px)}.ip-arch-card.is-soon{opacity:.62}.ip-arch-cover{aspect-ratio:3 / 2;background:linear-gradient(135deg,#ffffff14,#ffffff03);display:flex;align-items:center;justify-content:center;margin-bottom:14px}.ip-arch-cover:after{content:attr(data-glyph);font-size:40px;color:#fff3}.ip-arch-type{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#ffffff6b;padding:0 16px}.ip-arch-title{font-size:17px;color:#fff;padding:6px 16px 0}.ip-arch-status{font-size:12px;color:#ffffff8c;padding:8px 16px 0}.ip-archive-note{margin-top:14px;font-size:13px;color:#ffffff73}@media (max-width: 680px){.ip-feature-grid,.ip-media-grid{grid-template-columns:1fr 1fr}.ip-arch-card{flex-basis:78vw}}@media (prefers-reduced-motion: reduce){.ip-feature,.ip-arch-card{transition:none}.ip-feature.is-link:hover,.ip-arch-card.is-live:hover{transform:none}}.ip-rail-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.ip-rail-ctrl{display:inline-flex;align-items:center;gap:10px}.ip-rail-ctrl[hidden]{display:none}.ip-rail-btn{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.24);background:#ffffff08;color:#fff;font-size:18px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color .2s,background .2s,opacity .2s}.ip-rail-btn:hover{border-color:#fff9;background:#ffffff14}.ip-rail-btn:disabled{opacity:.3;cursor:default}.ip-rail-count{font-size:12px;letter-spacing:.14em;color:#ffffff8c;min-width:56px;text-align:center;font-variant-numeric:tabular-nums}.ip-archive-rail{cursor:grab;outline:none;scrollbar-width:thin}.ip-archive-rail:focus-visible{outline:2px solid rgba(255,255,255,.7);outline-offset:6px;border-radius:12px}.ip-archive-rail.is-dragging{cursor:grabbing;scroll-snap-type:none}.ip-archive-rail.is-dragging .ip-arch-card{pointer-events:none}@media (prefers-reduced-motion: reduce){.ip-rail-btn{transition:none}}.cy-ip-poster .cy-ip-poster__art{top:13%;right:4%;bottom:17%;left:4%;width:92%;height:70%}.cy-ip-poster__character{position:absolute;width:17%;height:24%;object-fit:contain;left:43%;top:49%}.cy-ip-poster--purple .cy-ip-poster__character{width:24%;left:37%;top:40%}.cy-ip-poster--shoe .cy-ip-poster__character{left:51%;top:46%}.home-card.front .cy-ip-poster__character{animation:cy-character-pace 3.4s ease-in-out infinite alternate}.home-card.front .cy-ip-poster__art{animation:cy-world-breathe 5s ease-in-out infinite alternate}.page .ip-story-archive{margin:110px auto 0;width:min(1160px,calc(100% - 48px));max-width:none;padding:0 0 80px;scroll-margin-top:100px}.ip-story-archive h2{margin:0;color:#fff;font:500 clamp(36px,5vw,64px)/1.15 "HarmonyOS Sans SC",sans-serif}.ip-story-archive .ip-archive-rail{gap:24px;padding:32px 0 18px;scroll-padding-left:0;touch-action:pan-x pan-y}.ip-story-archive .cy-story-square{position:relative;flex:0 0 46%;aspect-ratio:1;padding:30px;border:0;border-radius:0;color:#fff;overflow:hidden;font-family:HarmonyOS Sans SC,sans-serif}.cy-story-square img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.cy-story-square:hover img{transform:scale(1.035)}.cy-story-square .cy-story-meta{position:relative;z-index:2;font:11px/1.4 monospace;letter-spacing:.1em}.cy-story-square .cy-story-caption{position:absolute;left:30px;right:30px;bottom:30px;z-index:2}.cy-story-square .cy-story-caption h3{margin:0 0 14px;font-size:clamp(26px,3.1vw,46px);line-height:1.2;font-weight:500}.cy-story-square .cy-story-caption p{font-size:14px;line-height:1.7;margin:0 0 24px;color:inherit}.cy-story-square .cy-story-caption span{font-size:12px}.ip-story-archive .cy-story-square--life{background:#f5f2eb;color:#20201f}.page .ip-story-archive .cy-story-square--life .cy-story-caption p{color:#4c4943}.page .ip-story-archive .cy-story-square>img{display:block;opacity:1}.cy-life-mark{position:absolute;left:30px;right:30px;top:18%;height:36%;display:flex;gap:7px;align-items:center}.cy-life-mark i{flex:1;height:85%;border:1px solid #252322;transform:skewY(-18deg);transition:translate .6s ease}.cy-life-mark i:nth-child(3n){background:#262523}.cy-story-square--life:hover .cy-life-mark i:nth-child(odd){translate:0 -8px}.cy-story-square--night:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0004,transparent 30%,#000c)}@keyframes cy-character-pace{0%{transform:translate(-9px,2px) rotate(-3deg)}to{transform:translate(12px,-8px) rotate(3deg)}}@keyframes cy-world-breathe{0%{transform:translateY(3px)}to{transform:translateY(-5px)}}@media (max-width:680px){.page .ip-story-archive{width:calc(100% - 32px);margin-top:60px}.ip-story-archive .cy-story-square{flex-basis:86%;padding:22px}.cy-story-square .cy-story-caption{left:22px;right:22px;bottom:22px}.cy-story-square .cy-story-caption h3{font-size:28px}.cy-story-square .cy-story-caption p{font-size:12px;margin-bottom:14px}.cy-life-mark{top:17%;height:25%}}@media (prefers-reduced-motion:reduce){.home-card.front .cy-ip-poster__character,.home-card.front .cy-ip-poster__art{animation:none}.cy-story-square img,.cy-life-mark i{transition:none}.page .article{opacity:1;transform:none;transition:none}}.page .media-block.ip-detail-media{width:calc(100% - 40px);height:72vh;min-height:480px;margin:-180px 20px 0;background:transparent;filter:none}.ip-detail-media__art{position:absolute;object-fit:contain}.ip-detail-media__art--0{width:56%;height:92%;left:22%;top:4%}.ip-detail-media__art--1{width:25%;height:44%;left:2%;top:35%;transform:rotate(-8deg)}.ip-detail-media__art--2{width:23%;height:48%;right:3%;top:27%;transform:rotate(7deg)}.page .ip-city-ensemble{position:relative;height:68vh;min-height:440px}.page .ip-city-ensemble img{position:absolute;object-fit:contain}.page .ip-city-ensemble .ip-city-ensemble__landmarks{width:96%;height:61%;left:0;top:0}.page .ip-city-ensemble .ip-city-ensemble__shop{width:54%;height:53%;left:0;bottom:0}.page .ip-city-ensemble .ip-city-ensemble__cafe{width:47%;height:41%;right:0;bottom:4%}.page .next-scroll{min-height:100svh;background:#000}.page .next-scroll:before{display:none}.next-project-preview{position:relative;width:min(62vh,72vw);aspect-ratio:1;transform:rotate(-4deg)}@media (max-width:680px){.page .media-block.ip-detail-media{width:calc(100% - 32px);margin-left:16px;margin-right:16px;height:62vh;min-height:400px}.ip-detail-media__art--0{width:82%;height:64%;left:9%;top:0}.ip-detail-media__art--1{width:40%;height:38%;left:4%;top:59%}.ip-detail-media__art--2{width:36%;height:35%;right:4%;top:58%}.page .ip-city-ensemble{min-height:460px;height:68vh}}