.d-system-work{padding-top:90px;padding-bottom:100px;scroll-margin-top:50px}
.d-system-work>h2{margin:0 0 42px}
.d-product-case{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(32px,5vw,76px);align-items:center;color:inherit;text-decoration:none}
.d-product-visual{position:relative;aspect-ratio:1.1;overflow:hidden;border-radius:16px;background:#edf4f0;padding:28px;isolation:isolate}
.d-product-visual::before{content:"";position:absolute;width:100%;aspect-ratio:1;border-radius:50%;background:#d1e9dc;right:-40%;bottom:-40%;z-index:-1}
.d-product-word{display:block;font:900 clamp(42px,5vw,72px)/1 var(--font-site);letter-spacing:-.06em;color:#145e48}
.d-product-own{display:block;margin-top:12px;font-size:14px;line-height:1.7;font-weight:750}
.d-product-screens{display:flex;align-items:flex-start;justify-content:center;gap:3%;position:absolute;bottom:-9%;left:5%;width:90%;height:72%;transform:rotate(-7deg);transition:transform .6s cubic-bezier(.2,.75,.2,1)}
.d-product-screens img{display:block;width:31.3%;height:auto;aspect-ratio:9/16;object-fit:contain;border-radius:10px;border:2px solid #14251e;box-shadow:0 12px 28px #15372c30;flex-shrink:0}
.d-product-screens img:nth-child(2){margin-top:16%}.d-product-screens img:nth-child(3){margin-top:5%}
.d-product-case:hover .d-product-screens{transform:translateY(-10px) rotate(-5deg)}
.d-product-copy{padding:12px 0}
.d-product-category{font:750 11px/1.7 var(--font-site);letter-spacing:.08em;color:#1d7d63;margin:0 0 18px}
.d-product-copy h2,.d-product-copy h3{font-size:clamp(28px,2.6vw,39px);line-height:1.5;font-weight:850;letter-spacing:-.045em;margin:0 0 23px}
.d-product-copy>p:not(.d-product-category){font-size:17px;line-height:2;font-weight:600;margin:0;max-width:33em}
.d-product-scope{display:block;font-size:13px;line-height:1.8;font-weight:650;color:#46564f;margin-top:23px}
.d-product-more{display:flex;align-items:center;gap:25px;font-size:16px;font-weight:800;line-height:1.7;margin-top:30px;width:fit-content}
.d-product-more svg{width:43px;height:43px;padding:11px;border:1.5px solid #161616;border-radius:50%;transition:background .2s,color .2s}
.d-product-case:hover .d-product-more svg{background:#1d7d63;color:white;border-color:#1d7d63}
.d-product-case:focus-visible{outline:3px solid #1d7d63;outline-offset:10px;border-radius:12px}
.p-system-work-list{margin-top:48px;margin-bottom:110px}
@media(max-width:900px){.d-product-case{gap:32px}.d-product-visual{aspect-ratio:.83;padding:24px}.d-product-screens{height:63%;left:0;width:100%;bottom:-5%;gap:2%}.d-product-screens img{width:32%}.d-product-copy h2,.d-product-copy h3{font-size:29px}.d-product-copy>p:not(.d-product-category){font-size:16px}.d-product-scope{font-size:12px}.d-product-more{margin-top:24px}.d-product-category{font-size:10px}.d-product-word{font-size:53px}}
@media(max-width:650px){.d-system-work{padding-top:60px;padding-bottom:65px}.d-system-work>h2{margin-bottom:30px}.d-product-case{grid-template-columns:1fr;gap:28px}.d-product-visual{aspect-ratio:1.16;padding:24px}.d-product-word{font-size:52px}.d-product-own{font-size:12px;margin-top:9px}.d-product-screens{left:4%;width:92%;height:67%;bottom:-12%;gap:3%}.d-product-screens img{width:31%;border-width:1px;border-radius:6px}.d-product-copy{padding:0}.d-product-category{margin-bottom:14px;font-size:10px}.d-product-copy h2,.d-product-copy h3{font-size:clamp(26px,7.5vw,36px);margin-bottom:18px}.d-product-copy>p:not(.d-product-category){font-size:16px}.d-product-scope{margin-top:18px;font-size:12px}.d-product-more{margin-top:22px;font-size:15px}.p-system-work-list{margin-top:35px;margin-bottom:70px}}
@media(prefers-reduced-motion:reduce){.d-product-screens,.d-product-more svg{transition:none}.d-product-case:hover .d-product-screens{transform:rotate(-7deg)}}