/* Commissioned work: one substantial case, visually distinct from the self-made demos. */
.commissioned-project{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);margin-bottom:82px;padding:28px 0 38px}.commissioned-visual{position:relative;display:flex;min-height:520px;overflow:hidden;background:#111;color:#fff;text-decoration:none;align-items:flex-end}.commissioned-visual:after{content:'';position:absolute;inset:auto -5% 16% auto;width:36%;height:7px;background:var(--red);transform:rotate(-32deg);transition:transform .35s}.commissioned-visual:hover:after{transform:translateX(-18px) rotate(-32deg)}.commissioned-badge{position:absolute;z-index:3;top:24px;left:24px;border:1px solid #777;padding:7px 12px;font-size:13px;letter-spacing:.08em}.commissioned-wordmark{position:absolute;z-index:2;top:58px;left:5%;width:min(72%,920px);height:auto}.commissioned-crew{position:relative;z-index:1;width:94%;height:auto;margin:0 auto -1px;filter:saturate(.88)}.commissioned-copy{display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;padding-top:28px}.commissioned-copy h3{font-size:clamp(34px,4.8vw,68px);line-height:1;margin:10px 0 20px;letter-spacing:-.055em}.commissioned-copy p{margin:0;color:#454942}.commissioned-catch{font-size:19px!important;line-height:1.8;color:var(--ink)!important}.commissioned-range{display:flex;flex-wrap:wrap;gap:0;margin-top:25px;border-top:1px solid var(--line)}.commissioned-range span{font-size:13px;padding:12px 18px 12px 0;margin-right:18px;border-bottom:1px solid var(--line)}

.case-page{background:var(--paper)}.case-hero{display:grid;grid-template-columns:.85fr 1.35fr;min-height:76vh;border-bottom:1px solid var(--ink)}.case-hero-copy{padding:7vw 4vw;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.case-label,.case-kicker{font-size:14px;color:var(--red);font-weight:700}.case-hero h1{font-size:clamp(38px,5.2vw,78px);line-height:1.25;letter-spacing:-.06em;margin:24px 0 30px}.case-hero-copy>p{max-width:35em;color:#454942}.case-links{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:20px}.case-links .action{margin:0}.case-hero-art{position:relative;overflow:hidden;background:#111;display:flex;align-items:flex-end;padding:4vw 2vw 0}.case-wordmark{position:absolute;top:7%;left:6%;width:82%;height:auto}.case-crew{position:relative;z-index:1;width:108%;max-width:none;height:auto;margin-left:-4%}.case-intro,.case-output,.case-boundary{display:grid;grid-template-columns:1fr 1.35fr;gap:8vw}.case-intro h2,.case-output h2,.case-boundary h2{font-size:clamp(30px,4.2vw,58px);line-height:1.4;letter-spacing:-.05em;margin:12px 0}.case-intro>div:last-child p,.case-boundary>div:last-child p{margin-top:0;margin-bottom:22px;color:#454942}.case-process{background:#202321;color:#f3f1ea}.case-process .section-head{border-bottom:1px solid #696d68;padding-bottom:28px}.case-process-list{display:grid;grid-template-columns:1fr 1fr;gap:0}.case-process-list article{padding:30px 7vw 36px 0;border-bottom:1px solid #696d68}.case-process-list article:nth-child(even){padding-left:4vw;border-left:1px solid #696d68}.case-process-list h3{font-size:23px;margin:0 0 15px}.case-process-list p{margin:0;color:#c8cbc4}.case-output{align-items:end}.case-output-copy p{max-width:34em;color:#454942}.case-counts div{grid-template-columns:1.4fr .6fr;align-items:baseline}.case-counts dd{text-align:right}.case-counts strong{font-size:42px;font-weight:600;letter-spacing:-.05em}.case-art-grid{display:grid;grid-template-columns:1fr 1fr;background:#111;gap:1px}.case-art-grid figure{margin:0;min-width:0;background:#161816;padding:5vw;display:flex;flex-direction:column}.case-art-grid img{width:100%;height:min(62vw,680px);object-fit:contain}.case-art-grid figcaption{color:#bfc2bb;font-size:13px;border-top:1px solid #50534e;padding-top:15px;margin-top:20px}.case-boundary{border-top:0}.case-boundary h2{margin-top:0}.case-boundary .footnote{padding-top:20px;border-top:1px solid var(--line)}.case-page>.project-consult{padding-left:4vw;padding-right:4vw;margin:0}.case-page footer{margin-top:0}

@media(max-width:850px){.commissioned-visual{min-height:410px}.commissioned-copy,.case-hero,.case-intro,.case-output,.case-boundary{grid-template-columns:1fr}.commissioned-copy{gap:18px}.case-hero-copy{padding:60px 5vw}.case-hero-art{min-height:500px}.case-process-list{grid-template-columns:1fr}.case-process-list article,.case-process-list article:nth-child(even){padding:28px 0;border-left:0}.case-art-grid img{height:70vw}.case-page>.project-consult{padding-left:5vw;padding-right:5vw}}
@media(max-width:600px){.commissioned-project{margin-bottom:58px;padding-top:18px}.commissioned-visual{min-height:330px}.commissioned-badge{top:16px;left:16px}.commissioned-wordmark{top:64px;width:88%}.commissioned-crew{width:116%;margin-left:-8%}.commissioned-copy h3{font-size:38px}.commissioned-catch{font-size:17px!important}.case-hero h1{font-size:40px}.case-hero-art{min-height:380px}.case-wordmark{top:9%;width:88%}.case-crew{width:126%;margin-left:-12%}.case-art-grid{grid-template-columns:1fr}.case-art-grid img{height:110vw;max-height:560px}.case-process-list h3{font-size:21px}.case-counts strong{font-size:36px}}

/* SIX SIGNALSは黒い図案が沈まないよう、AFTER HOURSと反転した明色面にする。 */
.case-art-grid figure:first-child{background:#f1efe8}
.case-art-grid figure:first-child figcaption{color:#454942;border-top-color:#b9bbb4}