/* 2026-11-01 owner feedback: simplify the first view, keep the evidence close to its context. */
body[data-clarity-release] .hero-description{max-width:43em;text-wrap:balance}
.sl31-phrase{white-space:nowrap}
body[data-clarity-release] .hero-bottom{justify-content:flex-end}
body[data-clarity-release] .hero-area{gap:8px 24px;letter-spacing:0}
body[data-clarity-release] .hero-area span{gap:0}
body[data-clarity-release] .hero-area span:before{display:none}
body[data-clarity-release] .client-marquee{padding-top:28px;padding-bottom:12px}
body[data-clarity-release] .client-marquee-heading{margin-bottom:10px}
body[data-clarity-release] .brand-art{margin-bottom:0;height:84px}
body[data-clarity-release] .brand-item:after{display:none}
body[data-clarity-release] #about .about-copy>.sl31-message-paragraph{line-height:2;max-width:41em;margin-top:20px;text-wrap:pretty}
body[data-clarity-release] .sl28-message .sl31-message-paragraph{line-height:2;text-wrap:pretty}
/* Intact screenshots in two CSS layers: the client's service TOP and the article we wrote. */
.sl31-career-stage{position:relative;isolation:isolate;width:100%;height:100%;min-width:0}
.sl31-site-screen{position:absolute;left:0;top:0;width:91%;aspect-ratio:1.6;background:#fff;border:1px solid #d8ccbf;box-shadow:0 4px 14px #4b372f12;overflow:hidden}
.sl31-article-screen{position:absolute;right:0;bottom:0;z-index:1;width:47%;padding:7px;background:#fff;border:1px solid #d8ccbf;box-shadow:0 7px 18px #3d362a26;transform:rotate(2deg);transform-origin:bottom right}
body[data-clarity-release] .sl31-career-stage img{position:static;display:block;width:100%!important;height:auto!important;aspect-ratio:auto;object-fit:contain!important;object-position:top;max-width:none;border:0!important;box-shadow:none!important;transform:none!important;filter:none!important;opacity:1}
.sl31-article-label{display:block;font:500 12px/1.6 'Noto Sans JP',sans-serif;color:#594337;letter-spacing:0;margin:0 0 5px}
.case-image.sl31-career{padding:20px 24px 73px;background:linear-gradient(135deg,#e7dacf,#f1e7dc)}
.case-image.sl31-career .sl31-article-screen{bottom:-16px}
body[data-clarity-release].sl28 .sl28-work-image.sl31-career{padding:22px 24px 25px;background:#e7dbcf}
.sl28-work-image.sl31-career .sl31-article-screen{width:47%;bottom:0}
.sl31-career-stage.sl31-career-mini{height:222px;margin:0 0 20px}
.sl31-career-mini .sl31-site-screen{width:91%}
.sl31-career-mini .sl31-article-screen{bottom:0}
@media(max-width:800px){body[data-clarity-release] .hero-description{max-width:34em}}
@media(max-width:600px){
 body[data-clarity-release] .hero-area{gap:6px 16px;max-width:none}
 body[data-clarity-release] .hero-description{line-height:2;max-width:100%}
 body[data-clarity-release] .client-marquee{padding-top:26px;padding-bottom:4px}
 body[data-clarity-release] .brand-art{height:76px}
 body[data-clarity-release] #about .about-copy>.sl31-message-paragraph{font-size:14px;line-height:2;margin-top:18px}
 .case-image.sl31-career{padding:17px 17px 66px}
 .sl31-article-screen{padding:5px;width:48%}
 .sl31-article-label{font-size:12px;margin-bottom:3px}
 body[data-clarity-release].sl28 .sl28-work-image.sl31-career{padding:17px 17px 22px}
 .sl31-career-stage.sl31-career-mini{height:200px}
}