body[data-page="overview"] .other-works{border-top:1px solid var(--line);padding-top:70px}.other-jump{display:inline-block;font-size:13px;margin-top:20px;border-bottom:1px solid var(--line);padding-bottom:6px}.work-card.featured.feature-route .work-visual{display:block;padding:36px;overflow:hidden;min-height:490px}.work-card.featured.feature-route .work-visual img{width:100%;max-height:540px;object-fit:contain;object-position:top;border:5px solid white;border-radius:10px;box-shadow:0 15px 30px #23313a15}.other-grid .work-visual{display:flex;align-items:center;justify-content:center}.other-grid .work-visual img{width:100%;object-fit:contain;grid-column:auto}.other-grid .work-info h3{line-height:1.2}.other-grid .work-info>p{font-size:12px;line-height:1.75}
@media(max-width:760px){body[data-page="overview"] .other-works{padding-top:40px}.work-card.featured.feature-route .work-visual{min-height:290px;padding:20px}.work-card.featured.feature-route .work-visual img{max-height:340px}.other-jump{font-size:12px}}
.hero-ui{min-width:0}.hero-ui-label{display:flex;justify-content:space-between;gap:12px;font-size:9px;font-weight:700;letter-spacing:1px;margin-bottom:18px}.hero-ui-label>span:last-child{color:var(--muted);font-weight:500;letter-spacing:0}.hero-ui-stage{height:420px;background:var(--surface);border:1px solid var(--line);border-radius:14px;position:relative;overflow:hidden}.hero-ui-screen{position:absolute;display:block;background:white;border:5px solid white;border-radius:9px;box-shadow:0 14px 30px #23313a20;overflow:hidden;transition:transform .2s}.hero-ui-screen:hover,.hero-ui-phone:hover{transform:translateY(-5px)}.hero-ui-screen img{width:100%;display:block;height:auto}.hero-ui-main{left:5%;top:30px;width:82%;height:270px}.hero-ui-fin{left:10%;bottom:25px;width:62%;height:210px}.hero-ui-phone{display:block;position:absolute;right:5%;bottom:23px;width:20%;height:270px;overflow:hidden;border:5px solid white;border-radius:18px;background:white;box-shadow:0 14px 30px #23313a25;transition:transform .2s}.hero-ui-phone img{width:100%;height:auto;display:block}.hero-ui-bar{height:19px;display:flex;align-items:center;gap:4px;padding:2px 6px;border-bottom:1px solid #eef1f3;background:#fff}.hero-ui-bar i{height:4px;width:4px;border-radius:50%;background:#d7dfe3}.hero-ui-bar b{font-size:7px;font-weight:500;color:#68777e;margin-left:5px}.hero-ui-caption{margin-top:20px}.hero-ui-caption strong{display:block;font-size:22px;letter-spacing:-.6px}.hero-ui-caption>span{display:block;margin-top:6px;font-size:10px;line-height:1.6;color:var(--muted)}.hero-ui-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:15px;font-size:10px}.hero-ui-links a{border-bottom:1px solid var(--line);padding-bottom:3px}.hero-ui-links a:hover{border-color:var(--ink)}
@media(max-width:1100px){.hero-ui-stage{height:370px}.hero-ui-main{height:235px}.hero-ui-fin{height:180px}.hero-ui-phone{height:240px}}
@media(max-width:760px){.hero-ui-stage{height:350px}.hero-ui-label{font-size:8px;letter-spacing:.5px;margin-bottom:12px}.hero-ui-main{top:24px;height:210px;border-width:3px}.hero-ui-fin{left:6%;width:66%;bottom:22px;height:185px;border-width:3px}.hero-ui-phone{width:23%;height:225px;bottom:20px;border-width:4px;border-radius:12px}.hero-ui-caption{margin-top:16px}.hero-ui-caption strong{font-size:20px}.hero-ui-links{font-size:10px;gap:13px}}
@media(prefers-reduced-motion:reduce){.hero-ui-screen,.hero-ui-phone{transition:none}.hero-ui-screen:hover,.hero-ui-phone:hover{transform:none}}