/* D.R.L.T. feature and real project website previews */
.drlt-feature h2{font-size:clamp(2.35rem,3.75vw,3.7rem);line-height:1.12}.drlt-feature h2 em{display:inline-block;margin-top:.18em}.drlt-feature .book-name{font-size:1.1rem;margin-top:20px}.drlt-feature .point{font-size:1.2rem;line-height:1.5}.drlt-feature .cover-stage::before{content:""}.drlt-feature .cover-stage{background:#e2e5df}
.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px;row-gap:38px}.project-grid .service{display:flex;flex-direction:column;align-items:stretch;grid-row:auto;row-gap:0;padding-top:24px}.project-grid .service .service-number{margin:0 0 12px}.project-grid .service p{max-width:none;margin-bottom:20px}.project-grid .service>.text-link{margin-top:auto;padding-top:12px;align-self:flex-start}.project-grid .service h3{line-height:1.18}
.project-preview{display:block;flex:none;overflow:hidden;margin:0 0 25px;border:1px solid #cbd0c5;border-radius:10px;background:#f4f5f1;color:#50594f;box-shadow:0 10px 28px rgba(31,42,30,.10);text-decoration:none}.project-preview-top{display:flex;align-items:center;gap:11px;min-height:36px;padding:8px 13px;border-bottom:1px solid #d6dbd1;font-size:.76rem;line-height:1.25}.project-domain{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-open{margin-left:auto;white-space:nowrap;font-size:.69rem;color:#586a4e}.project-dots{display:flex;gap:4px;flex:none}.project-dots i{width:6px;height:6px;border-radius:50%;background:#bec5b8}.project-screen{display:block;overflow:hidden;aspect-ratio:16/9}.project-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .25s ease}.project-preview:hover .project-screen img{transform:scale(1.015)}.project-preview:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
@media(max-width:800px){.project-grid{grid-template-columns:1fr;row-gap:26px}.drlt-feature h2{font-size:clamp(2.3rem,5vw,3.3rem)}}@media(max-width:580px){.drlt-feature h2{font-size:2.15rem;line-height:1.15}.drlt-feature .point{font-size:1.12rem}.project-grid .service{padding-top:21px}.project-preview{margin-bottom:22px}.project-preview-top{padding-inline:10px;gap:8px}.project-grid .service h3{font-size:1.85rem}}@media(prefers-reduced-motion:reduce){.project-screen img{transition:none}}