.l-section.case-detail{padding-top:var(--space-48)}.case-detail__layout{align-items:start;display:grid;gap:var(--space-48);grid-template-columns:minmax(0,1fr) 320px}.case-detail__header{margin-bottom:var(--space-24)}.case-detail__company{color:var(--color-text-sub);font-size:var(--font-size-14);line-height:1.5;margin:0 0 var(--space-8)}.case-detail__title{color:var(--color-primary);font-size:var(--font-size-32);font-weight:700;line-height:1.4;margin:0;overflow-wrap:anywhere;text-wrap:balance;word-break:auto-phrase}.case-detail__subtitle{color:var(--color-text-sub);font-size:var(--font-size-16);line-height:1.6;margin:var(--space-8) 0 0}.case-detail__video{aspect-ratio:16/9;background:var(--color-dark);border-radius:var(--radius-card);overflow:hidden;position:relative}.case-detail__thumb,.case-detail__video-player{border:0;display:block;height:100%;width:100%}video.case-detail__video-player{object-fit:contain}.case-detail__thumb{object-fit:cover;transition:transform .2s ease}.case-detail__external{color:var(--color-white);display:block;height:100%;text-decoration:none;width:100%}.case-detail__external:after{background:var(--color-overlay);content:"";inset:0;position:absolute}.case-detail__external-label{align-items:center;border-bottom:1px solid;display:inline-flex;font-size:var(--font-size-20);font-weight:700;gap:var(--space-8);left:50%;line-height:1.4;padding-bottom:var(--space-4);position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:1}.case-detail__external-icon{display:block;fill:currentColor;height:.8em;width:.8em}.case-detail__external:hover .case-detail__thumb{transform:scale(1.03)}.case-detail__external:focus-visible{outline:2px solid var(--color-white);outline-offset:-4px}.case-detail__visually-hidden{clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.case-detail__tags{margin-top:var(--space-24)}.case-detail__tags .c-tag{font-size:var(--font-size-14);padding-inline:var(--space-16)}.case-detail__intro{color:var(--color-text);font-size:var(--font-size-16);line-height:1.8;margin-top:var(--space-32);overflow-wrap:anywhere}.case-detail__intro>:first-child{margin-top:0}.case-detail__intro>:last-child{margin-bottom:0}.case-detail__side-title{border-bottom:2px solid var(--color-primary);color:var(--color-primary);font-size:var(--font-size-20);font-weight:700;line-height:1.4;margin:0 0 var(--space-8);padding-bottom:var(--space-8)}.case-detail__services{list-style:none;margin:0;padding:0}.case-detail__services li{border-bottom:1px solid var(--color-border)}.case-detail__service-link{align-items:center;color:var(--color-text);display:flex;font-size:var(--font-size-14);gap:var(--space-16);justify-content:space-between;line-height:1.5;padding:var(--space-16) var(--space-8);text-decoration:none;transition:color .2s ease,background-color .2s ease}.case-detail__service-link:after{border-right:2px solid var(--color-accent);border-top:2px solid var(--color-accent);content:"";flex-shrink:0;height:8px;transform:rotate(45deg);width:8px}.case-detail__service-link:hover{background:var(--color-bg-sub);color:var(--color-primary)}.case-detail__service-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.case-detail__related-list{display:grid;gap:var(--space-24);grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:0}.case-detail__related-card{background:var(--color-white);border-radius:var(--radius-card);box-shadow:var(--shadow-card);color:var(--color-text);display:flex;flex-direction:column;height:100%;overflow:hidden;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.case-detail__related-card:focus-visible,.case-detail__related-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.case-detail__related-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.case-detail__related-thumb{aspect-ratio:16/9;background:var(--color-bg-sub)}.case-detail__related-thumb img{display:block;height:100%;object-fit:cover;width:100%}.case-detail__related-body{display:flex;flex:1;flex-direction:column;gap:var(--space-8);padding:var(--space-16)}.case-detail__related-company{color:var(--color-text-sub);font-size:var(--font-size-14);line-height:1.5;margin:0}.case-detail__related-title{color:var(--color-primary);font-size:var(--font-size-16);font-weight:700;line-height:1.5;margin:0;overflow-wrap:anywhere}.case-detail__related-tags{margin-top:0;padding-top:var(--space-8)}@media (max-width:1280px){.case-detail__layout{gap:var(--space-64);grid-template-columns:minmax(0,1fr)}.case-detail__services{column-gap:var(--space-24);display:grid}.case-detail__related-list,.case-detail__services{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.l-section.case-detail{padding-top:var(--space-32)}.case-detail__layout{gap:var(--space-48)}.case-detail__title{font-size:var(--font-size-24)}.case-detail__external-label{font-size:var(--font-size-16)}.case-detail__related-list,.case-detail__services{grid-template-columns:minmax(0,1fr)}.case-detail__related{margin-top:var(--space-48)}}