/* Actual source images, displayed directly without a staged backdrop. */
.home-refined .home-work-examples { margin:44px 0 52px; scroll-margin-top:24px; color:#202820; }
.home-refined .work-feature { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(0,1fr); gap:6%; align-items:center; margin:0; }
.home-refined .work-feature-image,.home-refined .work-example-image { background:#fff; border:1px solid #e1e4dd; }
.home-refined .work-feature-image img { display:block; width:100%; height:auto; }
.home-refined .work-feature figcaption { padding:20px 0; min-width:0; }
.home-refined .work-type { font:400 9px/1.6 Inter,sans-serif; letter-spacing:.13em; color:#60705e; margin:0 0 12px; }
.home-refined .work-feature h3 { font:400 clamp(24px,2.3vw,34px)/1.6 "Noto Sans JP",sans-serif; margin:0 0 16px; letter-spacing:.04em; }
.home-refined .work-feature figcaption > p:not(.work-type) { font:400 13px/2 "Noto Sans JP",sans-serif; margin:0; }
.home-refined .work-feature a { display:inline-flex; align-items:center; gap:32px; font:400 11px/1.7 "Noto Sans JP",sans-serif; padding:12px 0; margin-top:18px; border-bottom:1px solid #899384; color:inherit; text-decoration:none; }
.home-refined .work-feature a:hover { color:#426045; }
.home-refined .work-feature a:focus-visible { outline:2px solid #263d33; outline-offset:5px; }
.home-refined .work-examples-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; margin-top:36px; }
.home-refined .work-example { margin:0; min-width:0; }
.home-refined .work-example-image { aspect-ratio:16/10; overflow:hidden; }
.home-refined .work-example-image img { display:block; width:100%; height:100%; object-fit:contain; }
.home-refined .work-example figcaption { padding:18px 0 0; }
.home-refined .work-example .work-type { font-size:8px; margin-bottom:7px; }
.home-refined .work-example h3 { margin:0 0 9px; font:400 19px/1.5 Inter,"Noto Sans JP",sans-serif; letter-spacing:.03em; }
.home-refined .work-example figcaption > p:not(.work-type) { font:400 12px/1.9 "Noto Sans JP",sans-serif; margin:0; }
.home-refined .work-example small { color:#70776d; font-size:10px; }
@media(max-width:700px) {
 .home-refined .home-work-examples { margin:32px 0 40px; }
 .home-refined .work-feature { grid-template-columns:minmax(0,1fr); gap:0; }
 .home-refined .work-feature figcaption { padding:19px 0 24px; }
 .home-refined .work-feature h3 { font-size:23px; margin-bottom:10px; }
 .home-refined .work-examples-grid { grid-template-columns:minmax(0,1fr); gap:28px; margin-top:12px; }
 .home-refined .work-example { display:block; }
 .home-refined .work-example figcaption { padding:15px 0 0; }
 .home-refined .work-example .work-type { font-size:9px; letter-spacing:.08em; }
 .home-refined .work-example h3 { font-size:19px; margin-bottom:7px; }
 .home-refined .work-example figcaption > p:not(.work-type) { font-size:12px; line-height:1.9; }
 .home-refined .work-example small { font-size:10px; }
}

/* Exact upper crop of the supplied current-site screenshot; original retained. */
.home-refined .work-feature-current { aspect-ratio:474/259; overflow:hidden; }
.home-refined .work-feature-current img { width:100%; height:auto; }
.home-refined .work-shinsei-screen { position:relative; container-type:inline-size; }
.home-refined .work-screen-banner { position:absolute; z-index:1; inset:0 0 auto; height:4%; display:flex; align-items:center; justify-content:center; background:#f0eee7; color:#38443d; font:400 1.15cqw/1 Inter,"Noto Sans JP",sans-serif; letter-spacing:.04em; }