.works-page{max-width:1120px}.works-heading{justify-content:space-between;align-items:end;margin-bottom:26px;display:flex}.works-heading h2{margin:7px 0 0;font-size:25px}.works-heading>span{color:var(--muted);font-size:var(--text-small)}.work-list{gap:30px;display:grid}.work-card{grid-template-columns:1.13fr 1fr;display:grid}.work-info{flex-direction:column;align-items:flex-start;padding:36px 38px;display:flex}.work-number{color:var(--muted);font-size:var(--text-caption);letter-spacing:1px}.work-info h2{letter-spacing:1px;margin:15px 0 0;font-size:30px}.work-info h3{color:var(--muted);margin:2px 0 15px;font-size:15px;font-weight:500}.work-info p{color:var(--muted);font-size:var(--text-ui);margin:0 0 18px;line-height:1.9}.work-tags{flex-wrap:wrap;gap:8px;display:flex}.work-tags span{font-size:var(--text-small);color:var(--text-link);background:#eff5f1;border-radius:5px;padding:3px 9px}.work-link{font-size:var(--text-ui);color:var(--text-link);border-bottom:1px solid #cddfd8;align-items:center;gap:30px;margin-top:27px;padding-bottom:5px;font-weight:500;display:inline-flex}.work-link span{font-size:17px}.project-art{align-content:center;min-height:365px;padding:55px 36px;display:grid;position:relative;overflow:hidden}.art-zhixu{background:#e1eeea}.art-megumi{background:#f2e9dd}.art-foot{letter-spacing:3px;color:#97ada4;font-size:8px;position:absolute;bottom:15px;left:22px}.mini-window{color:#455e53;background:#fff;border-radius:10px;transform:rotate(-2deg);box-shadow:0 18px 35px #4d7e6a20}.mini-bar{border-bottom:1px solid #edf1ed;align-items:center;gap:5px;padding:10px 12px;display:flex}.mini-bar i{background:#b8d2c5;border-radius:50%;width:5px;height:5px}.mini-bar span{color:#acbab1;margin-left:auto;font-size:8px}.mini-workspace{grid-template-columns:88px 1fr;min-height:200px;display:grid}.mini-workspace aside{background:#f8faf8;flex-direction:column;gap:14px;padding:20px 11px;font-size:8px;display:flex}.mini-workspace aside b{margin-bottom:6px;font-size:14px}.mini-workspace aside span{color:#9caea2}.mini-workspace aside .mini-active{color:#4c8c76}.mini-main{padding:25px 18px}.mini-main small{color:#9faf9f;letter-spacing:1px;font-size:7px}.mini-main h3{margin:6px 0 22px;font-size:16px;font-weight:500}.mini-panels{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mini-panels>div{color:#88a18c;border:1px solid #e7efe9;border-radius:6px;padding:7px}.mini-panels span{font-size:7px;display:block}.mini-line{background:#eff3ef;border-radius:4px;width:100%;height:4px;margin-top:18px}.mini-line.short{width:70%;margin-top:7px}.megumi-orbit{place-items:center;width:225px;height:180px;margin:0 auto 15px;display:grid;position:relative}.megumi-orbit:before{content:"";border:1px dashed #c7b899;border-radius:50%;width:205px;height:130px;position:absolute;transform:rotate(-20deg)}.megumi-core{z-index:1;color:#b89869;background:#fffcf5;border-radius:23px;flex-direction:column;justify-content:center;align-items:center;width:95px;height:95px;font-family:Georgia,serif;font-size:43px;line-height:1.1;display:flex;box-shadow:0 12px 30px #8f72521b}.megumi-core span{letter-spacing:1px;margin-top:6px;font-size:9px}.orbit-label{color:#ad967b;z-index:2;background:#fcf9f3;border-radius:6px;padding:6px 12px;font-size:9px;position:absolute}.orbit-one{top:22px;left:0}.orbit-two{top:15px;right:0}.orbit-three{bottom:2px;right:12px}.megumi-preview{color:#a58d6f;background:#faf7f0;border:1px solid #fff8;border-radius:10px;justify-content:center;align-items:center;gap:13px;padding:13px 16px;display:flex}.megumi-preview>span{font-size:22px}.megumi-preview strong{font-size:12px;font-weight:500}.megumi-preview small{color:#b6a58f;letter-spacing:1px;margin-top:4px;font-size:8px;display:block}@media (width<=1000px){.work-info{padding:28px}.project-art{padding:55px 24px}}@media (width<=700px){.work-card{grid-template-columns:1fr}.project-art{min-height:315px}.work-info{padding:27px}}@media (width<=640px){.works-heading h2{font-size:22px}.works-heading>span{font-size:var(--text-small)}.mini-main h3{font-size:var(--text-ui)}.mini-workspace{grid-template-columns:72px 1fr}}.project-cover{object-fit:cover;border-radius:14px;width:100%;max-height:500px}